Cutesy Zombie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cutesy Zombie palette

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

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

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

Cutesy Zombie カラーパレット CSS

/* CSS */
.color-1 {
color: #f2a6c3;
}
.color-2 {
color: #7a4e8d;
}
.color-3 {
color: #b1e7b2;
}
.color-4 {
color: #f7eb92;
}
.color-5 {
color: #6a4e4e;
}

/* CSS Variables */
:root {
--color-1: #f2a6c3;
 --color-2: #7a4e8d;
 --color-3: #b1e7b2;
 --color-4: #f7eb92;
 --color-5: #6a4e4e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2a6c3, #7a4e8d, #b1e7b2, #f7eb92, #6a4e4e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2a6c3, #7a4e8d, #b1e7b2, #f7eb92, #6a4e4e);
}

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

Cutesy Zombie color palette created on .