Green Digestive カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Green Digestive palette

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

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

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

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

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

Green Digestive カラーパレット CSS

/* CSS */
.color-1 {
color: #4cae4f;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ff6e42;
}
.color-4 {
color: #42a5f5;
}
.color-5 {
color: #ab47bd;
}

/* CSS Variables */
:root {
--color-1: #4cae4f;
 --color-2: #ffb84d;
 --color-3: #ff6e42;
 --color-4: #42a5f5;
 --color-5: #ab47bd;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4cae4f, #ffb84d, #ff6e42, #42a5f5, #ab47bd);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4cae4f, #ffb84d, #ff6e42, #42a5f5, #ab47bd);
}

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

Green Digestive color palette created on .