Crystal Frostbane カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Crystal Frostbane palette

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

Crystal Frostbane カラー パレット PNG 画像

Download crystal frostbane color palette PNG image (landscape)
Download crystal frostbane color palette PNG image (square)

Crystal Frostbane カラーパレット CSS

/* CSS */
.color-1 {
color: #a7c6e7;
}
.color-2 {
color: #d0e9f6;
}
.color-3 {
color: #f5f8fa;
}
.color-4 {
color: #b3e0d8;
}
.color-5 {
color: #a1d9c7;
}

/* CSS Variables */
:root {
--color-1: #a7c6e7;
 --color-2: #d0e9f6;
 --color-3: #f5f8fa;
 --color-4: #b3e0d8;
 --color-5: #a1d9c7;
 }

Crystal Frostbane の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7c6e7, #d0e9f6, #f5f8fa, #b3e0d8, #a1d9c7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7c6e7, #d0e9f6, #f5f8fa, #b3e0d8, #a1d9c7);
}

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

Crystal Frostbane color palette created on .