deeper, more coppery-orange. It will darken your current copper slightly, adding warmth with more red and brown undertones. The final result will be more muted compared to Ginger. Tavolozza dei colori
Scopri la bellissima tavolozza dei colori deeper, more coppery-orange. It will darken your current copper slightly, adding warmth with more red and brown undertones. The final result will be more muted compared to Ginger. con copper (#c7693d), brown rust (#b55f40), brown rust (#a5543b), mule fawn (#8c4b31) and pickled bean (#6d3d26).
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 deeper, more coppery-orange. It will darken your current copper slightly, adding warmth with more red and brown undertones. The final result will be more muted compared to Ginger.
๐ป tavolozza dei colori deeper, more coppery-orange. It will darken your current copper slightly, adding warmth with more red and brown undertones. The final result will be more muted compared to Ginger. CSS
/* CSS */
.color-1 {
color: #c7693d;
}
.color-2 {
color: #b55f40;
}
.color-3 {
color: #a5543b;
}
.color-4 {
color: #8c4b31;
}
.color-5 {
color: #6d3d26;
}
/* CSS Variables */
:root {
--color-1: #c7693d;
--color-2: #b55f40;
--color-3: #a5543b;
--color-4: #8c4b31;
--color-5: #6d3d26;
} ๐ CSS con gradiente di sfondo deeper, more coppery-orange. It will darken your current copper slightly, adding warmth with more red and brown undertones. The final result will be more muted compared to Ginger.
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c7693d, #b55f40, #a5543b, #8c4b31, #6d3d26);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c7693d, #b55f40, #a5543b, #8c4b31, #6d3d26);
} ๐ Esplora tavolozze di colori simili
Palette di colori deeper, more coppery-orange. It will darken your current copper slightly, adding warmth with more red and brown undertones. The final result will be more muted compared to Ginger. creata il .