Megatron Tavolozza dei colori

Luminosità

Saturazione

Calore

UI Examples

Explore beautiful UI components with Megatron palette

Condividi questa palette a:

Immagine PNG della tavolozza dei colori Megatron

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

tavolozza dei colori Megatron CSS

/* CSS */
.color-1 {
color: #1f1f2e;
}
.color-2 {
color: #4a4f68;
}
.color-3 {
color: #7b7c8a;
}
.color-4 {
color: #c4c5d9;
}
.color-5 {
color: #f75a3b;
}

/* CSS Variables */
:root {
--color-1: #1f1f2e;
 --color-2: #4a4f68;
 --color-3: #7b7c8a;
 --color-4: #c4c5d9;
 --color-5: #f75a3b;
 }

CSS con gradiente di sfondo Megatron

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f2e, #4a4f68, #7b7c8a, #c4c5d9, #f75a3b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f2e, #4a4f68, #7b7c8a, #c4c5d9, #f75a3b);
}

Tavolozze di colori simili

Megatron color palette created on .