Seaside Serenity Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Seaside Serenity palette
Immagine PNG della tavolozza dei colori Seaside Serenity
tavolozza dei colori Seaside Serenity CSS
/* CSS */
.color-1 {
color: #4f7f8c;
}
.color-2 {
color: #8fb3b0;
}
.color-3 {
color: #b5e1e8;
}
.color-4 {
color: #ffd480;
}
.color-5 {
color: #ff6e61;
}
/* CSS Variables */
:root {
--color-1: #4f7f8c;
--color-2: #8fb3b0;
--color-3: #b5e1e8;
--color-4: #ffd480;
--color-5: #ff6e61;
} CSS con gradiente di sfondo Seaside Serenity
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4f7f8c, #8fb3b0, #b5e1e8, #ffd480, #ff6e61);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4f7f8c, #8fb3b0, #b5e1e8, #ffd480, #ff6e61);
} Tavolozze di colori simili
Seaside Serenity color palette created on .