Elegant Night Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Elegant Night palette
Immagine PNG della tavolozza dei colori Elegant Night
tavolozza dei colori Elegant Night CSS
/* CSS */
.color-1 {
color: #1e1e2f;
}
.color-2 {
color: #2f2f5b;
}
.color-3 {
color: #4c4c90;
}
.color-4 {
color: #7171cc;
}
.color-5 {
color: #d2c2e0;
}
/* CSS Variables */
:root {
--color-1: #1e1e2f;
--color-2: #2f2f5b;
--color-3: #4c4c90;
--color-4: #7171cc;
--color-5: #d2c2e0;
} CSS con gradiente di sfondo Elegant Night
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e1e2f, #2f2f5b, #4c4c90, #7171cc, #d2c2e0);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e1e2f, #2f2f5b, #4c4c90, #7171cc, #d2c2e0);
} Tavolozze di colori simili
Elegant Night color palette created on .