Green Slime Love カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Green Slime Love palette

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

Green Slime Love カラー パレット PNG 画像

Download green slime love color palette PNG image (landscape)
Download green slime love color palette PNG image (square)

Green Slime Love カラーパレット CSS

/* CSS */
.color-1 {
color: #a3d55d;
}
.color-2 {
color: #7acf59;
}
.color-3 {
color: #5abe4b;
}
.color-4 {
color: #3da53b;
}
.color-5 {
color: #29892e;
}

/* CSS Variables */
:root {
--color-1: #a3d55d;
 --color-2: #7acf59;
 --color-3: #5abe4b;
 --color-4: #3da53b;
 --color-5: #29892e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3d55d, #7acf59, #5abe4b, #3da53b, #29892e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3d55d, #7acf59, #5abe4b, #3da53b, #29892e);
}

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

Green Slime Love color palette created on .