Sunrise Glow Tavolozza dei colori
Scopri la bellissima tavolozza dei colori Sunrise Glow con tonys pink (#e3917d), gold sand (#e7b998), desert sand (#f1d4bc), albescent white (#f6eed0) and macaroni and cheese (#fbc583).
Luminositร
Saturazione
Calore
Il nostro generatore di palette di colori ha creato questo schema di colori versatile che condivide caratteristiche conApricot, Beige, Cream, Peach, Pastel, Warm, Warm Spring, Light, Spring palette di colori e combinazioni.
๐ก 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 Sunrise Glow
๐ป tavolozza dei colori Sunrise Glow CSS
/* CSS */
.color-1 {
color: #e3917d;
}
.color-2 {
color: #e7b998;
}
.color-3 {
color: #f1d4bc;
}
.color-4 {
color: #f6eed0;
}
.color-5 {
color: #fbc583;
}
/* CSS Variables */
:root {
--color-1: #e3917d;
--color-2: #e7b998;
--color-3: #f1d4bc;
--color-4: #f6eed0;
--color-5: #fbc583;
} ๐ CSS con gradiente di sfondo Sunrise Glow
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e3917d, #e7b998, #f1d4bc, #f6eed0, #fbc583);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e3917d, #e7b998, #f1d4bc, #f6eed0, #fbc583);
} ๐ Esplora tavolozze di colori simili
Sunrise Glow color palette created on .