Modern Elegance Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Modern Elegance palette
Immagine PNG della tavolozza dei colori Modern Elegance
tavolozza dei colori Modern Elegance CSS
/* CSS */
.color-1 {
color: #1e3e57;
}
.color-2 {
color: #3c5b77;
}
.color-3 {
color: #6b8b9e;
}
.color-4 {
color: #acbac9;
}
.color-5 {
color: #e4d1a0;
}
/* CSS Variables */
:root {
--color-1: #1e3e57;
--color-2: #3c5b77;
--color-3: #6b8b9e;
--color-4: #acbac9;
--color-5: #e4d1a0;
} CSS con gradiente di sfondo Modern Elegance
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e3e57, #3c5b77, #6b8b9e, #acbac9, #e4d1a0);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e3e57, #3c5b77, #6b8b9e, #acbac9, #e4d1a0);
} Tavolozze di colori simili
Modern Elegance color palette created on .