Girlie Winter Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Girlie Winter palette
Scarica la tavolozza dei colori Girlie Winter (PNG)
tavolozza dei colori Girlie Winter CSS
/* CSS */
.color-1 {
color: #f2a1c5;
}
.color-2 {
color: #f4c3cf;
}
.color-3 {
color: #e5e1f9;
}
.color-4 {
color: #a6d3e2;
}
.color-5 {
color: #b7c9d7;
}
/* CSS Variables */
:root {
--color-1: #f2a1c5;
--color-2: #f4c3cf;
--color-3: #e5e1f9;
--color-4: #a6d3e2;
--color-5: #b7c9d7;
}
CSS con gradiente di sfondo Girlie Winter
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2a1c5, #f4c3cf, #e5e1f9, #a6d3e2, #b7c9d7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2a1c5, #f4c3cf, #e5e1f9, #a6d3e2, #b7c9d7);
}
Tavolozze di colori simili
Girlie Winter color palette created on .