Heir of Void カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Heir of Void palette

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

Heir of Void カラー パレット PNG 画像

Download heir of void color palette PNG image (landscape)
Download heir of void color palette PNG image (square)

Heir of Void カラーパレット CSS

/* CSS */
.color-1 {
color: #1e1a23;
}
.color-2 {
color: #3a2d4e;
}
.color-3 {
color: #5e4b81;
}
.color-4 {
color: #7a6b9e;
}
.color-5 {
color: #b9a6c9;
}

/* CSS Variables */
:root {
--color-1: #1e1a23;
 --color-2: #3a2d4e;
 --color-3: #5e4b81;
 --color-4: #7a6b9e;
 --color-5: #b9a6c9;
 }

Heir of Void の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e1a23, #3a2d4e, #5e4b81, #7a6b9e, #b9a6c9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e1a23, #3a2d4e, #5e4b81, #7a6b9e, #b9a6c9);
}

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

Heir of Void color palette created on .