Green Zombie Fox カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Green Zombie Fox palette

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

Green Zombie Fox カラー パレット PNG 画像

Download green zombie fox color palette PNG image (landscape)
Download green zombie fox color palette PNG image (square)

Green Zombie Fox カラーパレット CSS

/* CSS */
.color-1 {
color: #7a993d;
}
.color-2 {
color: #a3c24c;
}
.color-3 {
color: #d9d959;
}
.color-4 {
color: #f4b31a;
}
.color-5 {
color: #ed7c31;
}

/* CSS Variables */
:root {
--color-1: #7a993d;
 --color-2: #a3c24c;
 --color-3: #d9d959;
 --color-4: #f4b31a;
 --color-5: #ed7c31;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7a993d, #a3c24c, #d9d959, #f4b31a, #ed7c31);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7a993d, #a3c24c, #d9d959, #f4b31a, #ed7c31);
}

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

Green Zombie Fox color palette created on .