Trip to the Mountains カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Trip to the Mountains palette

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

Trip to the Mountains カラー パレット PNG 画像

Download trip to the mountains color palette PNG image (landscape)
Download trip to the mountains color palette PNG image (square)

Trip to the Mountains カラーパレット CSS

/* CSS */
.color-1 {
color: #7c9b50;
}
.color-2 {
color: #a1c4a1;
}
.color-3 {
color: #d2e7b6;
}
.color-4 {
color: #f5f2a8;
}
.color-5 {
color: #f0b000;
}

/* CSS Variables */
:root {
--color-1: #7c9b50;
 --color-2: #a1c4a1;
 --color-3: #d2e7b6;
 --color-4: #f5f2a8;
 --color-5: #f0b000;
 }

Trip to the Mountains の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7c9b50, #a1c4a1, #d2e7b6, #f5f2a8, #f0b000);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7c9b50, #a1c4a1, #d2e7b6, #f5f2a8, #f0b000);
}

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

Trip to the Mountains color palette created on .