Seer of Doom カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Seer of Doom palette

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

Seer of Doom カラー パレット PNG 画像

Download seer of doom color palette PNG image (landscape)
Download seer of doom color palette PNG image (square)

Seer of Doom カラーパレット CSS

/* CSS */
.color-1 {
color: #3e2a50;
}
.color-2 {
color: #5a4b72;
}
.color-3 {
color: #7b4b91;
}
.color-4 {
color: #b76c9a;
}
.color-5 {
color: #e6af37;
}

/* CSS Variables */
:root {
--color-1: #3e2a50;
 --color-2: #5a4b72;
 --color-3: #7b4b91;
 --color-4: #b76c9a;
 --color-5: #e6af37;
 }

Seer of Doom の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3e2a50, #5a4b72, #7b4b91, #b76c9a, #e6af37);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3e2a50, #5a4b72, #7b4b91, #b76c9a, #e6af37);
}

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

Seer of Doom color palette created on .