Deathmood カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Deathmood palette

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

Deathmood カラー パレット PNG 画像

Download deathmood color palette PNG image (landscape)
Download deathmood color palette PNG image (square)

Deathmood カラーパレット CSS

/* CSS */
.color-1 {
color: #171325;
}
.color-2 {
color: #2e2546;
}
.color-3 {
color: #483d6c;
}
.color-4 {
color: #a13a89;
}
.color-5 {
color: #d5443f;
}

/* CSS Variables */
:root {
--color-1: #171325;
 --color-2: #2e2546;
 --color-3: #483d6c;
 --color-4: #a13a89;
 --color-5: #d5443f;
 }

Deathmood の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #171325, #2e2546, #483d6c, #a13a89, #d5443f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #171325, #2e2546, #483d6c, #a13a89, #d5443f);
}

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

Deathmood color palette created on .