Ancient China カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ancient China palette

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

Ancient China カラー パレット PNG 画像

Download ancient china color palette PNG image (landscape)
Download ancient china color palette PNG image (square)

Ancient China カラーパレット CSS

/* CSS */
.color-1 {
color: #e4b86c;
}
.color-2 {
color: #d7a35b;
}
.color-3 {
color: #c99a4f;
}
.color-4 {
color: #a66d3a;
}
.color-5 {
color: #7e5030;
}

/* CSS Variables */
:root {
--color-1: #e4b86c;
 --color-2: #d7a35b;
 --color-3: #c99a4f;
 --color-4: #a66d3a;
 --color-5: #7e5030;
 }

Ancient China の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e4b86c, #d7a35b, #c99a4f, #a66d3a, #7e5030);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e4b86c, #d7a35b, #c99a4f, #a66d3a, #7e5030);
}

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

Ancient China color palette created on .