Winter Warmth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Winter Warmth palette

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

Winter Warmth カラー パレット PNG 画像

Download winter warmth color palette PNG image (landscape)
Download winter warmth color palette PNG image (square)

Winter Warmth カラーパレット CSS

/* CSS */
.color-1 {
color: #a6c6ed;
}
.color-2 {
color: #e3f0d6;
}
.color-3 {
color: #ffb84d;
}
.color-4 {
color: #f47b1f;
}
.color-5 {
color: #a64b3a;
}

/* CSS Variables */
:root {
--color-1: #a6c6ed;
 --color-2: #e3f0d6;
 --color-3: #ffb84d;
 --color-4: #f47b1f;
 --color-5: #a64b3a;
 }

Winter Warmth の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a6c6ed, #e3f0d6, #ffb84d, #f47b1f, #a64b3a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a6c6ed, #e3f0d6, #ffb84d, #f47b1f, #a64b3a);
}

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

Winter Warmth color palette created on .