Burning Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Burning Sunset palette

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

Burning Sunset カラー パレット PNG 画像

Download burning sunset color palette PNG image (landscape)
Download burning sunset color palette PNG image (square)

Burning Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7033;
}
.color-2 {
color: #ff9933;
}
.color-3 {
color: #ffc233;
}
.color-4 {
color: #ffd633;
}
.color-5 {
color: #ffeb33;
}

/* CSS Variables */
:root {
--color-1: #ff7033;
 --color-2: #ff9933;
 --color-3: #ffc233;
 --color-4: #ffd633;
 --color-5: #ffeb33;
 }

Burning Sunset の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7033, #ff9933, #ffc233, #ffd633, #ffeb33);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7033, #ff9933, #ffc233, #ffd633, #ffeb33);
}

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

Burning Sunset color palette created on .