Western Mountain Wedding カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Western Mountain Wedding palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Western Mountain Wedding カラーパレット (PNG) をダウンロード
Western Mountain Wedding カラーパレット CSS
/* CSS */
.color-1 {
color: #f7da1d;
}
.color-2 {
color: #695b9a;
}
.color-3 {
color: #a0b6a9;
}
.color-4 {
color: #d28d1e;
}
.color-5 {
color: #f2a94a;
}
/* CSS Variables */
:root {
--color-1: #f7da1d;
--color-2: #695b9a;
--color-3: #a0b6a9;
--color-4: #d28d1e;
--color-5: #f2a94a;
}
Western Mountain Wedding の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7da1d, #695b9a, #a0b6a9, #d28d1e, #f2a94a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7da1d, #695b9a, #a0b6a9, #d28d1e, #f2a94a);
}
似たようなカラーパレット
Western Mountain Wedding color palette created on .