Megatronus Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Megatronus palette

Ispirazione Colori

Immagini che mostrano questa palette di colori in design reali

Condividi questa palette a:

Scarica la tavolozza dei colori Megatronus (PNG)

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

tavolozza dei colori Megatronus CSS

/* CSS */
.color-1 {
color: #1f2c4c;
}
.color-2 {
color: #4c708a;
}
.color-3 {
color: #8fa3b7;
}
.color-4 {
color: #d2c6a3;
}
.color-5 {
color: #e15c37;
}

/* CSS Variables */
:root {
--color-1: #1f2c4c;
 --color-2: #4c708a;
 --color-3: #8fa3b7;
 --color-4: #d2c6a3;
 --color-5: #e15c37;
 }

CSS con gradiente di sfondo Megatronus

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f2c4c, #4c708a, #8fa3b7, #d2c6a3, #e15c37);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f2c4c, #4c708a, #8fa3b7, #d2c6a3, #e15c37);
}

Tavolozze di colori simili

Megatronus color palette created on .