Medieval Greens カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Medieval Greens palette

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

Medieval Greens カラー パレット PNG 画像

Download medieval greens color palette PNG image (landscape)
Download medieval greens color palette PNG image (square)

Medieval Greens カラーパレット CSS

/* CSS */
.color-1 {
color: #4a7b2d;
}
.color-2 {
color: #5c993d;
}
.color-3 {
color: #a7caa0;
}
.color-4 {
color: #d0e1c1;
}
.color-5 {
color: #b5d6a8;
}

/* CSS Variables */
:root {
--color-1: #4a7b2d;
 --color-2: #5c993d;
 --color-3: #a7caa0;
 --color-4: #d0e1c1;
 --color-5: #b5d6a8;
 }

Medieval Greens の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a7b2d, #5c993d, #a7caa0, #d0e1c1, #b5d6a8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a7b2d, #5c993d, #a7caa0, #d0e1c1, #b5d6a8);
}

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

Medieval Greens color palette created on .