Princess Cadence Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Princess Cadence palette
Immagine PNG della tavolozza dei colori Princess Cadence
tavolozza dei colori Princess Cadence CSS
/* CSS */
.color-1 {
color: #f7a1c3;
}
.color-2 {
color: #f1c0d1;
}
.color-3 {
color: #e2a2e0;
}
.color-4 {
color: #d9b6e2;
}
.color-5 {
color: #cbe5f6;
}
/* CSS Variables */
:root {
--color-1: #f7a1c3;
--color-2: #f1c0d1;
--color-3: #e2a2e0;
--color-4: #d9b6e2;
--color-5: #cbe5f6;
} CSS con gradiente di sfondo Princess Cadence
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7a1c3, #f1c0d1, #e2a2e0, #d9b6e2, #cbe5f6);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7a1c3, #f1c0d1, #e2a2e0, #d9b6e2, #cbe5f6);
} Tavolozze di colori simili
Scorri verso il basso per esplorare 400 tavolozzas di colori Rosa
Princess Cadence color palette created on .