Desaturated Green Zombie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Desaturated Green Zombie palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Desaturated Green Zombie カラーパレット (PNG) をダウンロード

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

Desaturated Green Zombie カラーパレット CSS

/* CSS */
.color-1 {
color: #4b814d;
}
.color-2 {
color: #748e6b;
}
.color-3 {
color: #9dbb81;
}
.color-4 {
color: #c3e1a3;
}
.color-5 {
color: #f0f5d1;
}

/* CSS Variables */
:root {
--color-1: #4b814d;
 --color-2: #748e6b;
 --color-3: #9dbb81;
 --color-4: #c3e1a3;
 --color-5: #f0f5d1;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b814d, #748e6b, #9dbb81, #c3e1a3, #f0f5d1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b814d, #748e6b, #9dbb81, #c3e1a3, #f0f5d1);
}

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

Desaturated Green Zombie color palette created on .