Orange Freedom Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Orange Freedom palette
Immagine PNG della tavolozza dei colori Orange Freedom
tavolozza dei colori Orange Freedom CSS
/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffcc80;
}
.color-4 {
color: #a8d97d;
}
.color-5 {
color: #65b5f6;
}
/* CSS Variables */
:root {
--color-1: #ff6e61;
--color-2: #ffb84d;
--color-3: #ffcc80;
--color-4: #a8d97d;
--color-5: #65b5f6;
} CSS con gradiente di sfondo Orange Freedom
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffb84d, #ffcc80, #a8d97d, #65b5f6);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffb84d, #ffcc80, #a8d97d, #65b5f6);
} Tavolozze di colori simili
Scorri verso il basso per esplorare 200+ tavolozzas di colori Anni 60
Orange Freedom color palette created on .