Herbal Umber カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Herbal Umber palette

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

Herbal Umber カラー パレット PNG 画像

Download herbal umber color palette PNG image (landscape)
Download herbal umber color palette PNG image (square)

Herbal Umber カラーパレット CSS

/* CSS */
.color-1 {
color: #4f3b26;
}
.color-2 {
color: #7a5b4d;
}
.color-3 {
color: #a77e6c;
}
.color-4 {
color: #c5b69b;
}
.color-5 {
color: #e3d1c4;
}

/* CSS Variables */
:root {
--color-1: #4f3b26;
 --color-2: #7a5b4d;
 --color-3: #a77e6c;
 --color-4: #c5b69b;
 --color-5: #e3d1c4;
 }

Herbal Umber の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4f3b26, #7a5b4d, #a77e6c, #c5b69b, #e3d1c4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4f3b26, #7a5b4d, #a77e6c, #c5b69b, #e3d1c4);
}

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

Herbal Umber color palette created on .