Crystal Mage Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Crystal Mage palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Crystal Mage (PNG)

Download crystal mage color palette PNG image (landscape)
Download crystal mage color palette PNG image (square)

tavolozza dei colori Crystal Mage CSS

/* CSS */
.color-1 {
color: #6f4de0;
}
.color-2 {
color: #3d2fda;
}
.color-3 {
color: #1c1eb0;
}
.color-4 {
color: #1717ab;
}
.color-5 {
color: #10045d;
}

/* CSS Variables */
:root {
--color-1: #6f4de0;
 --color-2: #3d2fda;
 --color-3: #1c1eb0;
 --color-4: #1717ab;
 --color-5: #10045d;
 }

CSS con gradiente di sfondo Crystal Mage

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f4de0, #3d2fda, #1c1eb0, #1717ab, #10045d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f4de0, #3d2fda, #1c1eb0, #1717ab, #10045d);
}

Tavolozze di colori simili

Crystal Mage color palette created on .