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 .