Homura Akemi カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Homura Akemi palette

このパレットを共有する先：

Homura Akemi カラー パレット PNG 画像

Download homura akemi color palette PNG image (landscape)
Download homura akemi color palette PNG image (square)

Homura Akemi カラーパレット CSS

/* CSS */
.color-1 {
color: #0c1e40;
}
.color-2 {
color: #3b2956;
}
.color-3 {
color: #844c8a;
}
.color-4 {
color: #d57b8c;
}
.color-5 {
color: #f3b4c2;
}

/* CSS Variables */
:root {
--color-1: #0c1e40;
 --color-2: #3b2956;
 --color-3: #844c8a;
 --color-4: #d57b8c;
 --color-5: #f3b4c2;
 }

Homura Akemi の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #0c1e40, #3b2956, #844c8a, #d57b8c, #f3b4c2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #0c1e40, #3b2956, #844c8a, #d57b8c, #f3b4c2);
}

似たようなカラーパレット

Homura Akemi color palette created on .