Frosted Hues of December カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Frosted Hues of December palette

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

Frosted Hues of December カラー パレット PNG 画像

Download frosted hues of december color palette PNG image (landscape)
Download frosted hues of december color palette PNG image (square)

Frosted Hues of December カラーパレット CSS

/* CSS */
.color-1 {
color: #3e4e7e;
}
.color-2 {
color: #4a6e8c;
}
.color-3 {
color: #799abe;
}
.color-4 {
color: #b0c2d8;
}
.color-5 {
color: #f0e0d1;
}

/* CSS Variables */
:root {
--color-1: #3e4e7e;
 --color-2: #4a6e8c;
 --color-3: #799abe;
 --color-4: #b0c2d8;
 --color-5: #f0e0d1;
 }

Frosted Hues of December の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3e4e7e, #4a6e8c, #799abe, #b0c2d8, #f0e0d1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3e4e7e, #4a6e8c, #799abe, #b0c2d8, #f0e0d1);
}

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

Frosted Hues of December color palette created on .