Chrome Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Chrome palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Chrome (PNG)

Download chrome color palette PNG image (landscape)
Download chrome color palette PNG image (square)

tavolozza dei colori Chrome CSS

/* CSS */
.color-1 {
color: #b1b4b9;
}
.color-2 {
color: #8a9ba8;
}
.color-3 {
color: #6b8e8d;
}
.color-4 {
color: #4d7f80;
}
.color-5 {
color: #2c6d6d;
}

/* CSS Variables */
:root {
--color-1: #b1b4b9;
 --color-2: #8a9ba8;
 --color-3: #6b8e8d;
 --color-4: #4d7f80;
 --color-5: #2c6d6d;
 }

CSS con gradiente di sfondo Chrome

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b1b4b9, #8a9ba8, #6b8e8d, #4d7f80, #2c6d6d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b1b4b9, #8a9ba8, #6b8e8d, #4d7f80, #2c6d6d);
}

Tavolozze di colori simili

Chrome color palette created on .