Necromancer カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Necromancer palette

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

Necromancer カラー パレット PNG 画像

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

Necromancer カラーパレット CSS

/* CSS */
.color-1 {
color: #2c2a3c;
}
.color-2 {
color: #4a4a6d;
}
.color-3 {
color: #6c6c89;
}
.color-4 {
color: #9c8c3a;
}
.color-5 {
color: #c84c4c;
}

/* CSS Variables */
:root {
--color-1: #2c2a3c;
 --color-2: #4a4a6d;
 --color-3: #6c6c89;
 --color-4: #9c8c3a;
 --color-5: #c84c4c;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2c2a3c, #4a4a6d, #6c6c89, #9c8c3a, #c84c4c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2c2a3c, #4a4a6d, #6c6c89, #9c8c3a, #c84c4c);
}

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

Necromancer color palette created on .