Embers and Glow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Embers and Glow palette

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

Embers and Glow カラーパレット (PNG) をダウンロード

Download embers and glow color palette PNG image (landscape)
Download embers and glow color palette PNG image (square)

Embers and Glow カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6d2e;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffd70f;
}
.color-4 {
color: #b46c3c;
}
.color-5 {
color: #4b2c20;
}

/* CSS Variables */
:root {
--color-1: #ff6d2e;
 --color-2: #ffb84d;
 --color-3: #ffd70f;
 --color-4: #b46c3c;
 --color-5: #4b2c20;
 }

Embers and Glow の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6d2e, #ffb84d, #ffd70f, #b46c3c, #4b2c20);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6d2e, #ffb84d, #ffd70f, #b46c3c, #4b2c20);
}

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

Embers and Glow color palette created on .