Djimon the Hearth Fire カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Djimon the Hearth Fire palette

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

Djimon the Hearth Fire カラー パレット PNG 画像

Download djimon the hearth fire color palette PNG image (landscape)
Download djimon the hearth fire color palette PNG image (square)

Djimon the Hearth Fire カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffa047;
}
.color-3 {
color: #ffcb5c;
}
.color-4 {
color: #d9e2a6;
}
.color-5 {
color: #a3e0de;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ffa047;
 --color-3: #ffcb5c;
 --color-4: #d9e2a6;
 --color-5: #a3e0de;
 }

Djimon the Hearth Fire の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffa047, #ffcb5c, #d9e2a6, #a3e0de);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffa047, #ffcb5c, #d9e2a6, #a3e0de);
}

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

Djimon the Hearth Fire color palette created on .