Detective Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Detective palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Detective (PNG)

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

tavolozza dei colori Detective CSS

/* CSS */
.color-1 {
color: #1f2942;
}
.color-2 {
color: #4b5b81;
}
.color-3 {
color: #7b9c9d;
}
.color-4 {
color: #f1c84b;
}
.color-5 {
color: #d15b29;
}

/* CSS Variables */
:root {
--color-1: #1f2942;
 --color-2: #4b5b81;
 --color-3: #7b9c9d;
 --color-4: #f1c84b;
 --color-5: #d15b29;
 }

CSS con gradiente di sfondo Detective

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f2942, #4b5b81, #7b9c9d, #f1c84b, #d15b29);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f2942, #4b5b81, #7b9c9d, #f1c84b, #d15b29);
}

Tavolozze di colori simili

Detective color palette created on .