Snowfur カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Snowfur palette

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

Snowfur カラー パレット PNG 画像

Download snowfur color palette PNG image (landscape)
Download snowfur color palette PNG image (square)

Snowfur カラーパレット CSS

/* CSS */
.color-1 {
color: #ffffff;
}
.color-2 {
color: #e6e6e6;
}
.color-3 {
color: #bfbfbf;
}
.color-4 {
color: #a3a3a3;
}
.color-5 {
color: #7a7a7a;
}

/* CSS Variables */
:root {
--color-1: #ffffff;
 --color-2: #e6e6e6;
 --color-3: #bfbfbf;
 --color-4: #a3a3a3;
 --color-5: #7a7a7a;
 }

Snowfur の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffffff, #e6e6e6, #bfbfbf, #a3a3a3, #7a7a7a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffffff, #e6e6e6, #bfbfbf, #a3a3a3, #7a7a7a);
}

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

Snowfur color palette created on .