Sgt. Pepper's Vibrance Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Sgt. Pepper's Vibrance palette
Immagine PNG della tavolozza dei colori Sgt. Pepper's Vibrance
tavolozza dei colori Sgt. Pepper's Vibrance CSS
/* CSS */
.color-1 {
color: #ff5100;
}
.color-2 {
color: #ff9d00;
}
.color-3 {
color: #ffea00;
}
.color-4 {
color: #00bfff;
}
.color-5 {
color: #ff007b;
}
/* CSS Variables */
:root {
--color-1: #ff5100;
--color-2: #ff9d00;
--color-3: #ffea00;
--color-4: #00bfff;
--color-5: #ff007b;
} CSS con gradiente di sfondo Sgt. Pepper's Vibrance
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff5100, #ff9d00, #ffea00, #00bfff, #ff007b);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff5100, #ff9d00, #ffea00, #00bfff, #ff007b);
} Tavolozze di colori simili
Scorri verso il basso per esplorare 400+ tavolozzas di colori Arancio
Sgt. Pepper's Vibrance color palette created on .