Darkest Dungeon カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Darkest Dungeon palette

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

Darkest Dungeon カラー パレット PNG 画像

Download darkest dungeon color palette PNG image (landscape)
Download darkest dungeon color palette PNG image (square)

Darkest Dungeon カラーパレット CSS

/* CSS */
.color-1 {
color: #3c3b40;
}
.color-2 {
color: #5d5c61;
}
.color-3 {
color: #8b8a8f;
}
.color-4 {
color: #afa7b4;
}
.color-5 {
color: #d6d0d8;
}

/* CSS Variables */
:root {
--color-1: #3c3b40;
 --color-2: #5d5c61;
 --color-3: #8b8a8f;
 --color-4: #afa7b4;
 --color-5: #d6d0d8;
 }

Darkest Dungeon の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3c3b40, #5d5c61, #8b8a8f, #afa7b4, #d6d0d8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3c3b40, #5d5c61, #8b8a8f, #afa7b4, #d6d0d8);
}

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

Darkest Dungeon color palette created on .