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 .