Winter Parade カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Winter Parade palette

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

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

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

Winter Parade カラーパレット CSS

/* CSS */
.color-1 {
color: #a4c2db;
}
.color-2 {
color: #b9e4e1;
}
.color-3 {
color: #f9d4b4;
}
.color-4 {
color: #f9b49f;
}
.color-5 {
color: #d95e6e;
}

/* CSS Variables */
:root {
--color-1: #a4c2db;
 --color-2: #b9e4e1;
 --color-3: #f9d4b4;
 --color-4: #f9b49f;
 --color-5: #d95e6e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a4c2db, #b9e4e1, #f9d4b4, #f9b49f, #d95e6e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a4c2db, #b9e4e1, #f9d4b4, #f9b49f, #d95e6e);
}

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

Winter Parade color palette created on .