Starry Soph Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Starry Soph palette
Immagine PNG della tavolozza dei colori Starry Soph
tavolozza dei colori Starry Soph CSS
/* CSS */
.color-1 {
color: #1f1b79;
}
.color-2 {
color: #4b4c9b;
}
.color-3 {
color: #7d7fc5;
}
.color-4 {
color: #b8a1e2;
}
.color-5 {
color: #f3d6ff;
}
/* CSS Variables */
:root {
--color-1: #1f1b79;
--color-2: #4b4c9b;
--color-3: #7d7fc5;
--color-4: #b8a1e2;
--color-5: #f3d6ff;
}
CSS con gradiente di sfondo Starry Soph
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1b79, #4b4c9b, #7d7fc5, #b8a1e2, #f3d6ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1b79, #4b4c9b, #7d7fc5, #b8a1e2, #f3d6ff);
}
Tavolozze di colori simili
Starry Soph color palette created on .