Zombie Bun カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Zombie Bun palette

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

Zombie Bun カラー パレット PNG 画像

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

Zombie Bun カラーパレット CSS

/* CSS */
.color-1 {
color: #4ba083;
}
.color-2 {
color: #8cd9b3;
}
.color-3 {
color: #f1f8e8;
}
.color-4 {
color: #f9c36c;
}
.color-5 {
color: #f76e6e;
}

/* CSS Variables */
:root {
--color-1: #4ba083;
 --color-2: #8cd9b3;
 --color-3: #f1f8e8;
 --color-4: #f9c36c;
 --color-5: #f76e6e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4ba083, #8cd9b3, #f1f8e8, #f9c36c, #f76e6e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4ba083, #8cd9b3, #f1f8e8, #f9c36c, #f76e6e);
}

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

Zombie Bun color palette created on .