Winter Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Winter Sunset palette

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

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

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

Winter Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #a67d9c;
}
.color-2 {
color: #e6898c;
}
.color-3 {
color: #f1b74b;
}
.color-4 {
color: #d05e3e;
}
.color-5 {
color: #a54a6f;
}

/* CSS Variables */
:root {
--color-1: #a67d9c;
 --color-2: #e6898c;
 --color-3: #f1b74b;
 --color-4: #d05e3e;
 --color-5: #a54a6f;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a67d9c, #e6898c, #f1b74b, #d05e3e, #a54a6f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a67d9c, #e6898c, #f1b74b, #d05e3e, #a54a6f);
}

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

下にスクロールして4個のウィンターカラーパレットを探索しましょう

Winter Sunset color palette created on .