Snow Blizz Lin カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Snow Blizz Lin palette

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

Snow Blizz Lin カラー パレット PNG 画像

Download snow blizz lin color palette PNG image (landscape)
Download snow blizz lin color palette PNG image (square)

Snow Blizz Lin カラーパレット CSS

/* CSS */
.color-1 {
color: #dbe6f0;
}
.color-2 {
color: #b4cae4;
}
.color-3 {
color: #8ba8da;
}
.color-4 {
color: #4e8bc1;
}
.color-5 {
color: #2073b6;
}

/* CSS Variables */
:root {
--color-1: #dbe6f0;
 --color-2: #b4cae4;
 --color-3: #8ba8da;
 --color-4: #4e8bc1;
 --color-5: #2073b6;
 }

Snow Blizz Lin の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #dbe6f0, #b4cae4, #8ba8da, #4e8bc1, #2073b6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #dbe6f0, #b4cae4, #8ba8da, #4e8bc1, #2073b6);
}

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

Snow Blizz Lin color palette created on .