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