Soft Grey Tavolozza dei colori
Luminosità
Saturazione
Calore
UI Examples
Explore beautiful UI components with Soft Grey palette
Scarica la tavolozza dei colori Soft Grey (PNG)
tavolozza dei colori Soft Grey CSS
/* CSS */
.color-1 {
color: #afb2b6;
}
.color-2 {
color: #a6a8ab;
}
.color-3 {
color: #f2f5f7;
}
.color-4 {
color: #dadbdd;
}
.color-5 {
color: #e5e8eb;
}
/* CSS Variables */
:root {
--color-1: #afb2b6;
--color-2: #a6a8ab;
--color-3: #f2f5f7;
--color-4: #dadbdd;
--color-5: #e5e8eb;
}
CSS con gradiente di sfondo Soft Grey
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #afb2b6, #a6a8ab, #f2f5f7, #dadbdd, #e5e8eb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #afb2b6, #a6a8ab, #f2f5f7, #dadbdd, #e5e8eb);
}
Tavolozze di colori simili
Soft Grey color palette created on .