Zombie BFB カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Zombie BFB palette

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

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

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

Zombie BFB カラーパレット CSS

/* CSS */
.color-1 {
color: #c8d5d4;
}
.color-2 {
color: #ab8c96;
}
.color-3 {
color: #7e5f86;
}
.color-4 {
color: #ff6e61;
}
.color-5 {
color: #d95d45;
}

/* CSS Variables */
:root {
--color-1: #c8d5d4;
 --color-2: #ab8c96;
 --color-3: #7e5f86;
 --color-4: #ff6e61;
 --color-5: #d95d45;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c8d5d4, #ab8c96, #7e5f86, #ff6e61, #d95d45);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c8d5d4, #ab8c96, #7e5f86, #ff6e61, #d95d45);
}

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

Zombie BFB color palette created on .