Spooky Elegance カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Spooky Elegance palette

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

Spooky Elegance カラー パレット PNG 画像

Download spooky elegance color palette PNG image (landscape)
Download spooky elegance color palette PNG image (square)

Spooky Elegance カラーパレット CSS

/* CSS */
.color-1 {
color: #3b2b2e;
}
.color-2 {
color: #5b3f3e;
}
.color-3 {
color: #7d4f4f;
}
.color-4 {
color: #b86b6b;
}
.color-5 {
color: #e29f9d;
}

/* CSS Variables */
:root {
--color-1: #3b2b2e;
 --color-2: #5b3f3e;
 --color-3: #7d4f4f;
 --color-4: #b86b6b;
 --color-5: #e29f9d;
 }

Spooky Elegance の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b2b2e, #5b3f3e, #7d4f4f, #b86b6b, #e29f9d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b2b2e, #5b3f3e, #7d4f4f, #b86b6b, #e29f9d);
}

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

Spooky Elegance color palette created on .