brighter, more vibrant ginger with orange undertones. It will lift the current copper to a more intense orange-ginger shade, giving you that bold, sun-kissed ginger look from the second image you showed. Tavolozza dei colori
Scopri la bellissima tavolozza dei colori brighter, more vibrant ginger with orange undertones. It will lift the current copper to a more intense orange-ginger shade, giving you that bold, sun-kissed ginger look from the second image you showed. con crusta (#ff7e2e), yellow orange (#ffa047), koromiko (#ffb65c), macaroni and cheese (#ffc67a) and salomie (#ffdd94).
LuminositÃ
Saturazione
Calore
💡 Cosa puoi fare
ColorMagic ti facilita:
- •Copiare codici HEX precisi e valori RGB per i tuoi design
- •Regolare luminosità , saturazione e calore per creare nuove variazioni
- •Visualizzare in anteprima i componenti UI per vedere come funzionano i colori nelle interfacce reali
- •Copiare codice CSS inclusi gradienti di sfondo e variabili di colore
- •Scaricare la palette
- •Condividere la tua palette con membri del team e clienti
🎨 Anteprima componenti UI
Esempi UI
Esplora bellissimi componenti UI con la palette brighter, more vibrant ginger with orange undertones. It will lift the current copper to a more intense orange-ginger shade, giving you that bold, sun-kissed ginger look from the second image you showed.
💻 tavolozza dei colori brighter, more vibrant ginger with orange undertones. It will lift the current copper to a more intense orange-ginger shade, giving you that bold, sun-kissed ginger look from the second image you showed. CSS
/* CSS */
.color-1 {
color: #ff7e2e;
}
.color-2 {
color: #ffa047;
}
.color-3 {
color: #ffb65c;
}
.color-4 {
color: #ffc67a;
}
.color-5 {
color: #ffdd94;
}
/* CSS Variables */
:root {
--color-1: #ff7e2e;
--color-2: #ffa047;
--color-3: #ffb65c;
--color-4: #ffc67a;
--color-5: #ffdd94;
} 🌈 CSS con gradiente di sfondo brighter, more vibrant ginger with orange undertones. It will lift the current copper to a more intense orange-ginger shade, giving you that bold, sun-kissed ginger look from the second image you showed.
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7e2e, #ffa047, #ffb65c, #ffc67a, #ffdd94);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7e2e, #ffa047, #ffb65c, #ffc67a, #ffdd94);
} 🔗 Esplora tavolozze di colori simili
Palette di colori brighter, more vibrant ginger with orange undertones. It will lift the current copper to a more intense orange-ginger shade, giving you that bold, sun-kissed ginger look from the second image you showed. creata il .