Hazel Bliss Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Hazel Bliss palette
Immagine PNG della tavolozza dei colori Hazel Bliss
tavolozza dei colori Hazel Bliss CSS
/* CSS */
.color-1 {
color: #9f512d;
}
.color-2 {
color: #d0a56c;
}
.color-3 {
color: #e2d0ca;
}
.color-4 {
color: #b8b2a8;
}
.color-5 {
color: #8d5c3a;
}
/* CSS Variables */
:root {
--color-1: #9f512d;
--color-2: #d0a56c;
--color-3: #e2d0ca;
--color-4: #b8b2a8;
--color-5: #8d5c3a;
} CSS con gradiente di sfondo Hazel Bliss
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9f512d, #d0a56c, #e2d0ca, #b8b2a8, #8d5c3a);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9f512d, #d0a56c, #e2d0ca, #b8b2a8, #8d5c3a);
} Tavolozze di colori simili
Scorri verso il basso per esplorare 10+ tavolozzas di colori Nocciola
Hazel Bliss color palette created on .