Nightmare カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Nightmare palette

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

Nightmare カラー パレット PNG 画像

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

Nightmare カラーパレット CSS

/* CSS */
.color-1 {
color: #3a0f4d;
}
.color-2 {
color: #6a2d8f;
}
.color-3 {
color: #9b59c9;
}
.color-4 {
color: #d5a1e3;
}
.color-5 {
color: #f0c1e4;
}

/* CSS Variables */
:root {
--color-1: #3a0f4d;
 --color-2: #6a2d8f;
 --color-3: #9b59c9;
 --color-4: #d5a1e3;
 --color-5: #f0c1e4;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3a0f4d, #6a2d8f, #9b59c9, #d5a1e3, #f0c1e4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3a0f4d, #6a2d8f, #9b59c9, #d5a1e3, #f0c1e4);
}

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

Nightmare color palette created on .