Cycelia's Gem Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Cycelia's Gem palette
Immagine PNG della tavolozza dei colori Cycelia's Gem
tavolozza dei colori Cycelia's Gem CSS
/* CSS */
.color-1 {
color: #f0c1d4;
}
.color-2 {
color: #b2e0e0;
}
.color-3 {
color: #5b9a9a;
}
.color-4 {
color: #3a7878;
}
.color-5 {
color: #2e4b4d;
}
/* CSS Variables */
:root {
--color-1: #f0c1d4;
--color-2: #b2e0e0;
--color-3: #5b9a9a;
--color-4: #3a7878;
--color-5: #2e4b4d;
} CSS con gradiente di sfondo Cycelia's Gem
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0c1d4, #b2e0e0, #5b9a9a, #3a7878, #2e4b4d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0c1d4, #b2e0e0, #5b9a9a, #3a7878, #2e4b4d);
} Tavolozze di colori simili
Scorri verso il basso per esplorare 1000+ tavolozzas di colori colors.diamond
Cycelia's Gem color palette created on .