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