Paleta de colores Hazelface
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Hazelface palette
Imagen PNG de la paleta de colores Hazelface
CSS de la paleta de colores Hazelface
/* CSS */
.color-1 {
color: #c39969;
}
.color-2 {
color: #a76d49;
}
.color-3 {
color: #8d4b35;
}
.color-4 {
color: #d9b99b;
}
.color-5 {
color: #e6a77a;
}
/* CSS Variables */
:root {
--color-1: #c39969;
--color-2: #a76d49;
--color-3: #8d4b35;
--color-4: #d9b99b;
--color-5: #e6a77a;
} CSS del degradado de fondo Hazelface
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c39969, #a76d49, #8d4b35, #d9b99b, #e6a77a);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c39969, #a76d49, #8d4b35, #d9b99b, #e6a77a);
} Paletas de colores similares
Desplázate hacia abajo para explorar 1 paleta de colores Avellana
Hazelface color palette created on .