"Autumn's Embrace" カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with "Autumn's Embrace" palette
"Autumn's Embrace" カラーパレット CSS
/* CSS */
.color-1 {
color: #e9d1a5;
}
.color-2 {
color: #74633e;
}
.color-3 {
color: #a63030;
}
.color-4 {
color: #434232;
}
.color-5 {
color: #5b2029;
}
/* CSS Variables */
:root {
--color-1: #e9d1a5;
--color-2: #74633e;
--color-3: #a63030;
--color-4: #434232;
--color-5: #5b2029;
} "Autumn's Embrace" の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e9d1a5, #74633e, #a63030, #434232, #5b2029);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e9d1a5, #74633e, #a63030, #434232, #5b2029);
} 似たようなカラーパレット
"Autumn's Embrace" color palette created on .