Winter Chill Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Winter Chill palette
Immagine PNG della tavolozza dei colori Winter Chill
tavolozza dei colori Winter Chill CSS
/* CSS */
.color-1 {
color: #a3c7e0;
}
.color-2 {
color: #799caf;
}
.color-3 {
color: #4d6c84;
}
.color-4 {
color: #2c4b6d;
}
.color-5 {
color: #1a3b5b;
}
/* CSS Variables */
:root {
--color-1: #a3c7e0;
--color-2: #799caf;
--color-3: #4d6c84;
--color-4: #2c4b6d;
--color-5: #1a3b5b;
} CSS con gradiente di sfondo Winter Chill
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3c7e0, #799caf, #4d6c84, #2c4b6d, #1a3b5b);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3c7e0, #799caf, #4d6c84, #2c4b6d, #1a3b5b);
} Tavolozze di colori simili
Winter Chill color palette created on .