Meadow Whispers Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Meadow Whispers palette
Immagine PNG della tavolozza dei colori Meadow Whispers
tavolozza dei colori Meadow Whispers CSS
/* CSS */
.color-1 {
color: #c1def6;
}
.color-2 {
color: #f7d4bb;
}
.color-3 {
color: #eb98a1;
}
.color-4 {
color: #c7b3d5;
}
.color-5 {
color: #9cc9c1;
}
/* CSS Variables */
:root {
--color-1: #c1def6;
--color-2: #f7d4bb;
--color-3: #eb98a1;
--color-4: #c7b3d5;
--color-5: #9cc9c1;
} CSS con gradiente di sfondo Meadow Whispers
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c1def6, #f7d4bb, #eb98a1, #c7b3d5, #9cc9c1);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c1def6, #f7d4bb, #eb98a1, #c7b3d5, #9cc9c1);
} Tavolozze di colori simili
Meadow Whispers color palette created on .