Dusk Fire カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dusk Fire palette

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

Dusk Fire カラー パレット PNG 画像

Download dusk fire color palette PNG image (landscape)
Download dusk fire color palette PNG image (square)

Dusk Fire カラーパレット CSS

/* CSS */
.color-1 {
color: #d56b39;
}
.color-2 {
color: #e6994c;
}
.color-3 {
color: #f1c650;
}
.color-4 {
color: #e0a338;
}
.color-5 {
color: #9c2b2b;
}

/* CSS Variables */
:root {
--color-1: #d56b39;
 --color-2: #e6994c;
 --color-3: #f1c650;
 --color-4: #e0a338;
 --color-5: #9c2b2b;
 }

Dusk Fire の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d56b39, #e6994c, #f1c650, #e0a338, #9c2b2b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d56b39, #e6994c, #f1c650, #e0a338, #9c2b2b);
}

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

Dusk Fire color palette created on .