Paleta de colores Purple Elegance
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Purple Elegance palette
Imagen PNG de la paleta de colores Purple Elegance
CSS de la paleta de colores Purple Elegance
/* CSS */
.color-1 {
color: #3944db;
}
.color-2 {
color: #4e5ddf;
}
.color-3 {
color: #6e72e2;
}
.color-4 {
color: #7877df;
}
.color-5 {
color: #3c2994;
}
/* CSS Variables */
:root {
--color-1: #3944db;
--color-2: #4e5ddf;
--color-3: #6e72e2;
--color-4: #7877df;
--color-5: #3c2994;
} CSS del degradado de fondo Purple Elegance
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3944db, #4e5ddf, #6e72e2, #7877df, #3c2994);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3944db, #4e5ddf, #6e72e2, #7877df, #3c2994);
} Paletas de colores similares
Desplázate hacia abajo para explorar 20+ paletas de colores Azul
Purple Elegance color palette created on .