Winter Lavender Field カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Winter Lavender Field palette

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

Winter Lavender Field カラー パレット PNG 画像

Download winter lavender field color palette PNG image (landscape)
Download winter lavender field color palette PNG image (square)

Winter Lavender Field カラーパレット CSS

/* CSS */
.color-1 {
color: #a7b9e6;
}
.color-2 {
color: #d1c9e8;
}
.color-3 {
color: #e8e1f9;
}
.color-4 {
color: #f5f8ff;
}
.color-5 {
color: #b1c3d8;
}

/* CSS Variables */
:root {
--color-1: #a7b9e6;
 --color-2: #d1c9e8;
 --color-3: #e8e1f9;
 --color-4: #f5f8ff;
 --color-5: #b1c3d8;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7b9e6, #d1c9e8, #e8e1f9, #f5f8ff, #b1c3d8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7b9e6, #d1c9e8, #e8e1f9, #f5f8ff, #b1c3d8);
}

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

Winter Lavender Field color palette created on .