Ski and Mountain カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Ski and Mountain palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Ski and Mountain カラーパレット (PNG) をダウンロード
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 .