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: #1f1c3b;
}
.color-2 {
color: #594c90;
}
.color-3 {
color: #9f7cbb;
}
.color-4 {
color: #f1a8a2;
}
.color-5 {
color: #c7383f;
}

/* CSS Variables */
:root {
--color-1: #1f1c3b;
 --color-2: #594c90;
 --color-3: #9f7cbb;
 --color-4: #f1a8a2;
 --color-5: #c7383f;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1c3b, #594c90, #9f7cbb, #f1a8a2, #c7383f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1c3b, #594c90, #9f7cbb, #f1a8a2, #c7383f);
}

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

Cruel King color palette created on .