Fuchsia Dreams Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Fuchsia Dreams palette
Immagine PNG della tavolozza dei colori Fuchsia Dreams
tavolozza dei colori Fuchsia Dreams CSS
/* CSS */
.color-1 {
color: #d6006f;
}
.color-2 {
color: #8f5c4d;
}
.color-3 {
color: #d9c9a6;
}
.color-4 {
color: #ff8052;
}
.color-5 {
color: #ffcd29;
}
/* CSS Variables */
:root {
--color-1: #d6006f;
--color-2: #8f5c4d;
--color-3: #d9c9a6;
--color-4: #ff8052;
--color-5: #ffcd29;
} CSS con gradiente di sfondo Fuchsia Dreams
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d6006f, #8f5c4d, #d9c9a6, #ff8052, #ffcd29);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d6006f, #8f5c4d, #d9c9a6, #ff8052, #ffcd29);
} Tavolozze di colori simili
Fuchsia Dreams color palette created on .