Zagreus カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Zagreus palette

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

Zagreus カラー パレット PNG 画像

Download zagreus color palette PNG image (landscape)
Download zagreus color palette PNG image (square)

Zagreus カラーパレット CSS

/* CSS */
.color-1 {
color: #7e1b2a;
}
.color-2 {
color: #d63f2e;
}
.color-3 {
color: #f1b341;
}
.color-4 {
color: #f6d5a7;
}
.color-5 {
color: #3a7c92;
}

/* CSS Variables */
:root {
--color-1: #7e1b2a;
 --color-2: #d63f2e;
 --color-3: #f1b341;
 --color-4: #f6d5a7;
 --color-5: #3a7c92;
 }

Zagreus の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7e1b2a, #d63f2e, #f1b341, #f6d5a7, #3a7c92);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7e1b2a, #d63f2e, #f1b341, #f6d5a7, #3a7c92);
}

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

Zagreus color palette created on .