Colorful Pedro Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Colorful Pedro palette
Immagine PNG della tavolozza dei colori Colorful Pedro
tavolozza dei colori Colorful Pedro CSS
/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffec3d;
}
.color-4 {
color: #80c684;
}
.color-5 {
color: #65b5f6;
}
/* CSS Variables */
:root {
--color-1: #ff6e61;
--color-2: #ffb84d;
--color-3: #ffec3d;
--color-4: #80c684;
--color-5: #65b5f6;
} CSS con gradiente di sfondo Colorful Pedro
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffb84d, #ffec3d, #80c684, #65b5f6);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffb84d, #ffec3d, #80c684, #65b5f6);
} Tavolozze di colori simili
Colorful Pedro color palette created on .