Cruel King カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cruel King palette

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

Cruel King カラー パレット PNG 画像

Download cruel king color palette PNG image (landscape)
Download cruel king color palette PNG image (square)

Cruel King カラーパレット CSS

/* CSS */
.color-1 {
color: #6d402c;
}
.color-2 {
color: #b96c50;
}
.color-3 {
color: #e1a66b;
}
.color-4 {
color: #f8c76d;
}
.color-5 {
color: #f24a2c;
}

/* CSS Variables */
:root {
--color-1: #6d402c;
 --color-2: #b96c50;
 --color-3: #e1a66b;
 --color-4: #f8c76d;
 --color-5: #f24a2c;
 }

Cruel King の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6d402c, #b96c50, #e1a66b, #f8c76d, #f24a2c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6d402c, #b96c50, #e1a66b, #f8c76d, #f24a2c);
}

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

Cruel King color palette created on .