Sakura Mochi Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Sakura Mochi palette
Immagine PNG della tavolozza dei colori Sakura Mochi
tavolozza dei colori Sakura Mochi CSS
/* CSS */
.color-1 {
color: #f6b6d7;
}
.color-2 {
color: #f3a0c2;
}
.color-3 {
color: #f1a2b7;
}
.color-4 {
color: #f4d5b3;
}
.color-5 {
color: #f4bab3;
}
/* CSS Variables */
:root {
--color-1: #f6b6d7;
--color-2: #f3a0c2;
--color-3: #f1a2b7;
--color-4: #f4d5b3;
--color-5: #f4bab3;
} CSS con gradiente di sfondo Sakura Mochi
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6b6d7, #f3a0c2, #f1a2b7, #f4d5b3, #f4bab3);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6b6d7, #f3a0c2, #f1a2b7, #f4d5b3, #f4bab3);
} Tavolozze di colori simili
Scorri verso il basso per esplorare 300+ tavolozzas di colori Rosa
Sakura Mochi color palette created on .