Fuji Blossom Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Fuji Blossom palette
Immagine PNG della tavolozza dei colori Fuji Blossom
tavolozza dei colori Fuji Blossom CSS
/* CSS */
.color-1 {
color: #8d4a96;
}
.color-2 {
color: #f1c6d8;
}
.color-3 {
color: #f0e4b7;
}
.color-4 {
color: #799a6a;
}
.color-5 {
color: #c2d9e5;
}
/* CSS Variables */
:root {
--color-1: #8d4a96;
--color-2: #f1c6d8;
--color-3: #f0e4b7;
--color-4: #799a6a;
--color-5: #c2d9e5;
} CSS con gradiente di sfondo Fuji Blossom
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8d4a96, #f1c6d8, #f0e4b7, #799a6a, #c2d9e5);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8d4a96, #f1c6d8, #f0e4b7, #799a6a, #c2d9e5);
} Tavolozze di colori simili
Fuji Blossom color palette created on .