日本の緑 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with 日本の緑 palette

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

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

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

日本の緑 カラーパレット (PNG) をダウンロード

Download 日本の緑 color palette PNG image (landscape)
Download 日本の緑 color palette PNG image (square)

日本の緑 カラーパレット CSS

/* CSS */
.color-1 {
color: #a5c8a2;
}
.color-2 {
color: #6a9a6d;
}
.color-3 {
color: #4f7d5d;
}
.color-4 {
color: #3e5b4d;
}
.color-5 {
color: #2e3e3c;
}

/* CSS Variables */
:root {
--color-1: #a5c8a2;
 --color-2: #6a9a6d;
 --color-3: #4f7d5d;
 --color-4: #3e5b4d;
 --color-5: #2e3e3c;
 }

日本の緑 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a5c8a2, #6a9a6d, #4f7d5d, #3e5b4d, #2e3e3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a5c8a2, #6a9a6d, #4f7d5d, #3e5b4d, #2e3e3c);
}

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

日本の緑 color palette created on .