Rich Maroon Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rich Maroon Sunset palette

このパレットを共有する先：

Rich Maroon Sunset カラーパレット (PNG) をダウンロード

Download rich maroon sunset color palette PNG image (landscape)
Download rich maroon sunset color palette PNG image (square)

Rich Maroon Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #9c2b2f;
}
.color-2 {
color: #aa4b4f;
}
.color-3 {
color: #b9797b;
}
.color-4 {
color: #dbb9b3;
}
.color-5 {
color: #e7c5c5;
}

/* CSS Variables */
:root {
--color-1: #9c2b2f;
 --color-2: #aa4b4f;
 --color-3: #b9797b;
 --color-4: #dbb9b3;
 --color-5: #e7c5c5;
 }

Rich Maroon Sunset の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9c2b2f, #aa4b4f, #b9797b, #dbb9b3, #e7c5c5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9c2b2f, #aa4b4f, #b9797b, #dbb9b3, #e7c5c5);
}

似たようなカラーパレット

Rich Maroon Sunset color palette created on .