Ski and Mountain カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ski and Mountain palette

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

Ski and Mountain カラー パレット PNG 画像

Download ski and mountain color palette PNG image (landscape)
Download ski and mountain color palette PNG image (square)

Ski and Mountain カラーパレット CSS

/* CSS */
.color-1 {
color: #1f3c65;
}
.color-2 {
color: #a3c7e0;
}
.color-3 {
color: #f1f7f9;
}
.color-4 {
color: #f7a173;
}
.color-5 {
color: #be4b3c;
}

/* CSS Variables */
:root {
--color-1: #1f3c65;
 --color-2: #a3c7e0;
 --color-3: #f1f7f9;
 --color-4: #f7a173;
 --color-5: #be4b3c;
 }

Ski and Mountain の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f3c65, #a3c7e0, #f1f7f9, #f7a173, #be4b3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f3c65, #a3c7e0, #f1f7f9, #f7a173, #be4b3c);
}

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

Ski and Mountain color palette created on .