Lucent Maroon カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lucent Maroon palette

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

Lucent Maroon カラー パレット PNG 画像

Download lucent maroon color palette PNG image (landscape)
Download lucent maroon color palette PNG image (square)

Lucent Maroon カラーパレット CSS

/* CSS */
.color-1 {
color: #9d2a2c;
}
.color-2 {
color: #c55962;
}
.color-3 {
color: #d7898c;
}
.color-4 {
color: #e4b4b7;
}
.color-5 {
color: #f1d0d1;
}

/* CSS Variables */
:root {
--color-1: #9d2a2c;
 --color-2: #c55962;
 --color-3: #d7898c;
 --color-4: #e4b4b7;
 --color-5: #f1d0d1;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9d2a2c, #c55962, #d7898c, #e4b4b7, #f1d0d1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9d2a2c, #c55962, #d7898c, #e4b4b7, #f1d0d1);
}

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

Lucent Maroon color palette created on .