Passionate Illusion Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Passionate Illusion palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Passionate Illusion (PNG)

Download passionate illusion color palette PNG image (landscape)
Download passionate illusion color palette PNG image (square)

tavolozza dei colori Passionate Illusion CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffbb33;
}
.color-3 {
color: #ffec42;
}
.color-4 {
color: #a9d40c;
}
.color-5 {
color: #3cb3c8;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ffbb33;
 --color-3: #ffec42;
 --color-4: #a9d40c;
 --color-5: #3cb3c8;
 }

CSS con gradiente di sfondo Passionate Illusion

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffbb33, #ffec42, #a9d40c, #3cb3c8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffbb33, #ffec42, #a9d40c, #3cb3c8);
}

Tavolozze di colori simili

Passionate Illusion color palette created on .