Pale Luna Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Pale Luna palette
Immagine PNG della tavolozza dei colori Pale Luna
tavolozza dei colori Pale Luna CSS
/* CSS */
.color-1 {
color: #f8f5e7;
}
.color-2 {
color: #e8f0f2;
}
.color-3 {
color: #e2ebf3;
}
.color-4 {
color: #ffe5eb;
}
.color-5 {
color: #ffcac2;
}
/* CSS Variables */
:root {
--color-1: #f8f5e7;
--color-2: #e8f0f2;
--color-3: #e2ebf3;
--color-4: #ffe5eb;
--color-5: #ffcac2;
} CSS con gradiente di sfondo Pale Luna
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8f5e7, #e8f0f2, #e2ebf3, #ffe5eb, #ffcac2);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8f5e7, #e8f0f2, #e2ebf3, #ffe5eb, #ffcac2);
} Tavolozze di colori simili
Pale Luna color palette created on .