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