Snow on the Beach カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Snow on the Beach palette

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

Snow on the Beach カラー パレット PNG 画像

Download snow on the beach color palette PNG image (landscape)
Download snow on the beach color palette PNG image (square)

Snow on the Beach カラーパレット CSS

/* CSS */
.color-1 {
color: #e9f1f0;
}
.color-2 {
color: #b2e6da;
}
.color-3 {
color: #6bd5e6;
}
.color-4 {
color: #f1b1d1;
}
.color-5 {
color: #f76969;
}

/* CSS Variables */
:root {
--color-1: #e9f1f0;
 --color-2: #b2e6da;
 --color-3: #6bd5e6;
 --color-4: #f1b1d1;
 --color-5: #f76969;
 }

Snow on the Beach の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e9f1f0, #b2e6da, #6bd5e6, #f1b1d1, #f76969);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e9f1f0, #b2e6da, #6bd5e6, #f1b1d1, #f76969);
}

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

Snow on the Beach color palette created on .