Old West カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Old West palette

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

Old West カラー パレット PNG 画像

Download old west color palette PNG image (landscape)
Download old west color palette PNG image (square)

Old West カラーパレット CSS

/* CSS */
.color-1 {
color: #c2a07a;
}
.color-2 {
color: #795939;
}
.color-3 {
color: #a26e4e;
}
.color-4 {
color: #d8c79d;
}
.color-5 {
color: #bb5a25;
}

/* CSS Variables */
:root {
--color-1: #c2a07a;
 --color-2: #795939;
 --color-3: #a26e4e;
 --color-4: #d8c79d;
 --color-5: #bb5a25;
 }

Old West の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c2a07a, #795939, #a26e4e, #d8c79d, #bb5a25);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c2a07a, #795939, #a26e4e, #d8c79d, #bb5a25);
}

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

Old West color palette created on .