Zombie Vibes カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Zombie Vibes palette

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

Zombie Vibes カラーパレット (PNG) をダウンロード

Download zombie vibes color palette PNG image (landscape)
Download zombie vibes color palette PNG image (square)

Zombie Vibes カラーパレット CSS

/* CSS */
.color-1 {
color: #e4d59b;
}
.color-2 {
color: #c8b54c;
}
.color-3 {
color: #a39d4d;
}
.color-4 {
color: #5b805b;
}
.color-5 {
color: #3b5949;
}

/* CSS Variables */
:root {
--color-1: #e4d59b;
 --color-2: #c8b54c;
 --color-3: #a39d4d;
 --color-4: #5b805b;
 --color-5: #3b5949;
 }

Zombie Vibes の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e4d59b, #c8b54c, #a39d4d, #5b805b, #3b5949);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e4d59b, #c8b54c, #a39d4d, #5b805b, #3b5949);
}

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

Zombie Vibes color palette created on .