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 .