Zombie Revival カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Zombie Revival palette

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

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

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

Zombie Revival カラーパレット CSS

/* CSS */
.color-1 {
color: #e4d59b;
}
.color-2 {
color: #b6c8a7;
}
.color-3 {
color: #91a4b1;
}
.color-4 {
color: #5b7f9a;
}
.color-5 {
color: #2e5a76;
}

/* CSS Variables */
:root {
--color-1: #e4d59b;
 --color-2: #b6c8a7;
 --color-3: #91a4b1;
 --color-4: #5b7f9a;
 --color-5: #2e5a76;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e4d59b, #b6c8a7, #91a4b1, #5b7f9a, #2e5a76);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e4d59b, #b6c8a7, #91a4b1, #5b7f9a, #2e5a76);
}

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

下にスクロールして4個のゾンビカラーパレットを探索しましょう

Zombie Revival color palette created on .