Lyre Damots カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lyre Damots palette

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

Lyre Damots カラー パレット PNG 画像

Download lyre damots color palette PNG image (landscape)
Download lyre damots color palette PNG image (square)

Lyre Damots カラーパレット CSS

/* CSS */
.color-1 {
color: #7f4d2e;
}
.color-2 {
color: #7f2f31;
}
.color-3 {
color: #742532;
}
.color-4 {
color: #681d39;
}
.color-5 {
color: #551633;
}

/* CSS Variables */
:root {
--color-1: #7f4d2e;
 --color-2: #7f2f31;
 --color-3: #742532;
 --color-4: #681d39;
 --color-5: #551633;
 }

Lyre Damots の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7f4d2e, #7f2f31, #742532, #681d39, #551633);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7f4d2e, #7f2f31, #742532, #681d39, #551633);
}

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

Lyre Damots color palette created on .