Kawaii Chic Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Kawaii Chic palette
Immagine PNG della tavolozza dei colori Kawaii Chic
tavolozza dei colori Kawaii Chic CSS
/* CSS */
.color-1 {
color: #b57b4f;
}
.color-2 {
color: #e0a54d;
}
.color-3 {
color: #f8c6a0;
}
.color-4 {
color: #f7e3ca;
}
.color-5 {
color: #c3b6d3;
}
/* CSS Variables */
:root {
--color-1: #b57b4f;
--color-2: #e0a54d;
--color-3: #f8c6a0;
--color-4: #f7e3ca;
--color-5: #c3b6d3;
} CSS con gradiente di sfondo Kawaii Chic
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b57b4f, #e0a54d, #f8c6a0, #f7e3ca, #c3b6d3);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b57b4f, #e0a54d, #f8c6a0, #f7e3ca, #c3b6d3);
} Tavolozze di colori simili
Kawaii Chic color palette created on .