Jagged Ice カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Jagged Ice palette

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

Jagged Ice カラー パレット PNG 画像

Download jagged ice color palette PNG image (landscape)
Download jagged ice color palette PNG image (square)

Jagged Ice カラーパレット CSS

/* CSS */
.color-1 {
color: #a6c4d9;
}
.color-2 {
color: #e1f1f4;
}
.color-3 {
color: #b1e0e7;
}
.color-4 {
color: #4b9dc3;
}
.color-5 {
color: #2e7c9e;
}

/* CSS Variables */
:root {
--color-1: #a6c4d9;
 --color-2: #e1f1f4;
 --color-3: #b1e0e7;
 --color-4: #4b9dc3;
 --color-5: #2e7c9e;
 }

Jagged Ice の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a6c4d9, #e1f1f4, #b1e0e7, #4b9dc3, #2e7c9e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a6c4d9, #e1f1f4, #b1e0e7, #4b9dc3, #2e7c9e);
}

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

Jagged Ice color palette created on .