Green Jealousy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Green Jealousy palette

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

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

Download green jealousy color palette PNG image (landscape)
Download green jealousy color palette PNG image (square)

Green Jealousy カラーパレット CSS

/* CSS */
.color-1 {
color: #d8e2a2;
}
.color-2 {
color: #b0c28e;
}
.color-3 {
color: #7d9b7d;
}
.color-4 {
color: #4f7d6b;
}
.color-5 {
color: #2b5e59;
}

/* CSS Variables */
:root {
--color-1: #d8e2a2;
 --color-2: #b0c28e;
 --color-3: #7d9b7d;
 --color-4: #4f7d6b;
 --color-5: #2b5e59;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d8e2a2, #b0c28e, #7d9b7d, #4f7d6b, #2b5e59);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d8e2a2, #b0c28e, #7d9b7d, #4f7d6b, #2b5e59);
}

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

Green Jealousy color palette created on .