Corpse of Hector カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Corpse of Hector palette

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

Corpse of Hector カラー パレット PNG 画像

Download corpse of hector color palette PNG image (landscape)
Download corpse of hector color palette PNG image (square)

Corpse of Hector カラーパレット CSS

/* CSS */
.color-1 {
color: #3a171a;
}
.color-2 {
color: #62272a;
}
.color-3 {
color: #84393b;
}
.color-4 {
color: #b56a5e;
}
.color-5 {
color: #be7e85;
}

/* CSS Variables */
:root {
--color-1: #3a171a;
 --color-2: #62272a;
 --color-3: #84393b;
 --color-4: #b56a5e;
 --color-5: #be7e85;
 }

Corpse of Hector の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3a171a, #62272a, #84393b, #b56a5e, #be7e85);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3a171a, #62272a, #84393b, #b56a5e, #be7e85);
}

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

Corpse of Hector color palette created on .