Jack Frost カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Jack Frost palette

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

Jack Frost カラー パレット PNG 画像

Download jack frost color palette PNG image (landscape)
Download jack frost color palette PNG image (square)

Jack Frost カラーパレット CSS

/* CSS */
.color-1 {
color: #a3d7e0;
}
.color-2 {
color: #7eb2c4;
}
.color-3 {
color: #4caebd;
}
.color-4 {
color: #2e6c76;
}
.color-5 {
color: #1b4f50;
}

/* CSS Variables */
:root {
--color-1: #a3d7e0;
 --color-2: #7eb2c4;
 --color-3: #4caebd;
 --color-4: #2e6c76;
 --color-5: #1b4f50;
 }

Jack Frost の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3d7e0, #7eb2c4, #4caebd, #2e6c76, #1b4f50);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3d7e0, #7eb2c4, #4caebd, #2e6c76, #1b4f50);
}

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

Jack Frost color palette created on .