Snow Leech カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Snow Leech palette

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

Snow Leech カラーパレット (PNG) をダウンロード

Download snow leech color palette PNG image (landscape)
Download snow leech color palette PNG image (square)

Snow Leech カラーパレット CSS

/* CSS */
.color-1 {
color: #f1f5f8;
}
.color-2 {
color: #dae2ec;
}
.color-3 {
color: #a3c7e0;
}
.color-4 {
color: #5f98b4;
}
.color-5 {
color: #2a7b93;
}

/* CSS Variables */
:root {
--color-1: #f1f5f8;
 --color-2: #dae2ec;
 --color-3: #a3c7e0;
 --color-4: #5f98b4;
 --color-5: #2a7b93;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1f5f8, #dae2ec, #a3c7e0, #5f98b4, #2a7b93);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1f5f8, #dae2ec, #a3c7e0, #5f98b4, #2a7b93);
}

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

Snow Leech color palette created on .