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