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