Kael the Chacal カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kael the Chacal palette

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

Kael the Chacal カラー パレット PNG 画像

Download kael the chacal color palette PNG image (landscape)
Download kael the chacal color palette PNG image (square)

Kael the Chacal カラーパレット CSS

/* CSS */
.color-1 {
color: #b76f4e;
}
.color-2 {
color: #d09c67;
}
.color-3 {
color: #f6d4a2;
}
.color-4 {
color: #f1b341;
}
.color-5 {
color: #7c5d4b;
}

/* CSS Variables */
:root {
--color-1: #b76f4e;
 --color-2: #d09c67;
 --color-3: #f6d4a2;
 --color-4: #f1b341;
 --color-5: #7c5d4b;
 }

Kael the Chacal の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b76f4e, #d09c67, #f6d4a2, #f1b341, #7c5d4b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b76f4e, #d09c67, #f6d4a2, #f1b341, #7c5d4b);
}

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

Kael the Chacal color palette created on .