Earthy 60s Vibes カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Earthy 60s Vibes palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Earthy 60s Vibes カラーパレット (PNG) をダウンロード
Earthy 60s Vibes カラーパレット CSS
/* CSS */
.color-1 {
color: #7c9b69;
}
.color-2 {
color: #c6d59a;
}
.color-3 {
color: #e3c6a5;
}
.color-4 {
color: #d69c94;
}
.color-5 {
color: #b36b70;
}
/* CSS Variables */
:root {
--color-1: #7c9b69;
--color-2: #c6d59a;
--color-3: #e3c6a5;
--color-4: #d69c94;
--color-5: #b36b70;
} Earthy 60s Vibes の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7c9b69, #c6d59a, #e3c6a5, #d69c94, #b36b70);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7c9b69, #c6d59a, #e3c6a5, #d69c94, #b36b70);
} 似たようなカラーパレット
下にスクロールして5個のアーシーカラーパレットを探索しましょう
Earthy 60s Vibes color palette created on .