Boy Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Boy palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Boy (PNG)

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

tavolozza dei colori Boy CSS

/* CSS */
.color-1 {
color: #4b91e2;
}
.color-2 {
color: #5cbbff;
}
.color-3 {
color: #7dd421;
}
.color-4 {
color: #f5a524;
}
.color-5 {
color: #f39c12;
}

/* CSS Variables */
:root {
--color-1: #4b91e2;
 --color-2: #5cbbff;
 --color-3: #7dd421;
 --color-4: #f5a524;
 --color-5: #f39c12;
 }

CSS con gradiente di sfondo Boy

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b91e2, #5cbbff, #7dd421, #f5a524, #f39c12);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b91e2, #5cbbff, #7dd421, #f5a524, #f39c12);
}

Tavolozze di colori simili

Boy color palette created on .