Ancient Painting カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ancient Painting palette

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

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

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

Ancient Painting カラーパレット CSS

/* CSS */
.color-1 {
color: #c6903f;
}
.color-2 {
color: #e1b45b;
}
.color-3 {
color: #f1c88e;
}
.color-4 {
color: #a45c3d;
}
.color-5 {
color: #7e4d3a;
}

/* CSS Variables */
:root {
--color-1: #c6903f;
 --color-2: #e1b45b;
 --color-3: #f1c88e;
 --color-4: #a45c3d;
 --color-5: #7e4d3a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c6903f, #e1b45b, #f1c88e, #a45c3d, #7e4d3a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c6903f, #e1b45b, #f1c88e, #a45c3d, #7e4d3a);
}

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

Ancient Painting color palette created on .