Harmony in Contrast Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Harmony in Contrast palette

Condividi questa palette a:

Scarica la tavolozza dei colori Harmony in Contrast (PNG)

Download harmony in contrast color palette PNG image (landscape)
Download harmony in contrast color palette PNG image (square)

tavolozza dei colori Harmony in Contrast CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #69af4b;
}
.color-3 {
color: #f9cb24;
}
.color-4 {
color: #287fb8;
}
.color-5 {
color: #e84594;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #69af4b;
 --color-3: #f9cb24;
 --color-4: #287fb8;
 --color-5: #e84594;
 }

CSS con gradiente di sfondo Harmony in Contrast

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #69af4b, #f9cb24, #287fb8, #e84594);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #69af4b, #f9cb24, #287fb8, #e84594);
}

Tavolozze di colori simili

Harmony in Contrast color palette created on .