Fiery Dawn カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fiery Dawn palette

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

Fiery Dawn カラー パレット PNG 画像

Download fiery dawn color palette PNG image (landscape)
Download fiery dawn color palette PNG image (square)

Fiery Dawn カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6a00;
}
.color-2 {
color: #ff8c00;
}
.color-3 {
color: #ffae00;
}
.color-4 {
color: #ffd500;
}
.color-5 {
color: #ffea00;
}

/* CSS Variables */
:root {
--color-1: #ff6a00;
 --color-2: #ff8c00;
 --color-3: #ffae00;
 --color-4: #ffd500;
 --color-5: #ffea00;
 }

Fiery Dawn の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6a00, #ff8c00, #ffae00, #ffd500, #ffea00);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6a00, #ff8c00, #ffae00, #ffd500, #ffea00);
}

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

Fiery Dawn color palette created on .