Snowflake Sparkle カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Snowflake Sparkle palette

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

Snowflake Sparkle カラー パレット PNG 画像

Download snowflake sparkle color palette PNG image (landscape)
Download snowflake sparkle color palette PNG image (square)

Snowflake Sparkle カラーパレット CSS

/* CSS */
.color-1 {
color: #e0f7fa;
}
.color-2 {
color: #a6dff7;
}
.color-3 {
color: #82c4e3;
}
.color-4 {
color: #56a4c8;
}
.color-5 {
color: #2b8db1;
}

/* CSS Variables */
:root {
--color-1: #e0f7fa;
 --color-2: #a6dff7;
 --color-3: #82c4e3;
 --color-4: #56a4c8;
 --color-5: #2b8db1;
 }

Snowflake Sparkle の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e0f7fa, #a6dff7, #82c4e3, #56a4c8, #2b8db1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e0f7fa, #a6dff7, #82c4e3, #56a4c8, #2b8db1);
}

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

Snowflake Sparkle color palette created on .