Graveyard Prince カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Graveyard Prince palette

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

Graveyard Prince カラー パレット PNG 画像

Download graveyard prince color palette PNG image (landscape)
Download graveyard prince color palette PNG image (square)

Graveyard Prince カラーパレット CSS

/* CSS */
.color-1 {
color: #6c7c93;
}
.color-2 {
color: #4b5b72;
}
.color-3 {
color: #3b444e;
}
.color-4 {
color: #2b303b;
}
.color-5 {
color: #1f1f23;
}

/* CSS Variables */
:root {
--color-1: #6c7c93;
 --color-2: #4b5b72;
 --color-3: #3b444e;
 --color-4: #2b303b;
 --color-5: #1f1f23;
 }

Graveyard Prince の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6c7c93, #4b5b72, #3b444e, #2b303b, #1f1f23);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6c7c93, #4b5b72, #3b444e, #2b303b, #1f1f23);
}

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

Graveyard Prince color palette created on .