Paleta de colores Melody of Hues

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Melody of Hues palette

Compartir esta paleta en:

Descargar la paleta de colores Melody of Hues (PNG)

Download melody of hues color palette PNG image (landscape)
Download melody of hues color palette PNG image (square)

CSS de la paleta de colores Melody of Hues

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ff9a47;
}
.color-3 {
color: #ffd65c;
}
.color-4 {
color: #a6d8d2;
}
.color-5 {
color: #5c6b8a;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
--color-2: #ff9a47;
--color-3: #ffd65c;
--color-4: #a6d8d2;
--color-5: #5c6b8a;
}

CSS del degradado de fondo Melody of Hues

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ff9a47, #ffd65c, #a6d8d2, #5c6b8a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ff9a47, #ffd65c, #a6d8d2, #5c6b8a);
}

Melody of Hues color palette created on .