Darkstalker カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Darkstalker palette

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

Darkstalker カラー パレット PNG 画像

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

Darkstalker カラーパレット CSS

/* CSS */
.color-1 {
color: #14112c;
}
.color-2 {
color: #341952;
}
.color-3 {
color: #5b2370;
}
.color-4 {
color: #922f42;
}
.color-5 {
color: #d27c46;
}

/* CSS Variables */
:root {
--color-1: #14112c;
 --color-2: #341952;
 --color-3: #5b2370;
 --color-4: #922f42;
 --color-5: #d27c46;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #14112c, #341952, #5b2370, #922f42, #d27c46);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #14112c, #341952, #5b2370, #922f42, #d27c46);
}

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

Darkstalker color palette created on .