Barbaric Costume カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Barbaric Costume palette

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

Barbaric Costume カラー パレット PNG 画像

Download barbaric costume color palette PNG image (landscape)
Download barbaric costume color palette PNG image (square)

Barbaric Costume カラーパレット CSS

/* CSS */
.color-1 {
color: #4b3c30;
}
.color-2 {
color: #a85f2e;
}
.color-3 {
color: #d09a5d;
}
.color-4 {
color: #ebb756;
}
.color-5 {
color: #f9e19f;
}

/* CSS Variables */
:root {
--color-1: #4b3c30;
 --color-2: #a85f2e;
 --color-3: #d09a5d;
 --color-4: #ebb756;
 --color-5: #f9e19f;
 }

Barbaric Costume の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b3c30, #a85f2e, #d09a5d, #ebb756, #f9e19f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b3c30, #a85f2e, #d09a5d, #ebb756, #f9e19f);
}

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

Barbaric Costume color palette created on .