Winter Blooms カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Winter Blooms palette

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

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

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

Winter Blooms カラーパレット CSS

/* CSS */
.color-1 {
color: #a2c7e7;
}
.color-2 {
color: #5d94b6;
}
.color-3 {
color: #3f6888;
}
.color-4 {
color: #f2cad4;
}
.color-5 {
color: #e16b6b;
}

/* CSS Variables */
:root {
--color-1: #a2c7e7;
 --color-2: #5d94b6;
 --color-3: #3f6888;
 --color-4: #f2cad4;
 --color-5: #e16b6b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a2c7e7, #5d94b6, #3f6888, #f2cad4, #e16b6b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a2c7e7, #5d94b6, #3f6888, #f2cad4, #e16b6b);
}

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

Winter Blooms color palette created on .