Paleta de cores Midnight Glow
Conheça a bela paleta de cores Midnight Glow, com steel gray (#1e1e2f), tuna (#3a3a4b), comet (#58586f), logan (#a8a8c7) and mischka (#dadae7).
Brilho
Saturação
Calidez
Refinar
Nosso gerador de paletas de cores criou esta combinação versátil, que compartilha características comBlue, Clear Winter, Dark, Deep, Gray, Modern, Night Sky, Soft, Vibrant, Warm Summer paletas e combinações de cores.
💡 O que dá para fazer
O ColorMagic facilita:
- •Copiar códigos HEX exatos e valores RGB para os seus projetos
- •Ajustar brilho, saturação e calidez para criar novas variações
- •Visualizar componentes de interface para ver as cores funcionando de verdade
- •Copiar o código CSS, incluindo gradientes de fundo e variáveis de cor
- •Baixar a paleta
- •Compartilhar sua paleta com o time e com clientes
🎨 Visualizar componentes de interface
Exemplos de interface
Veja componentes de interface bonitos com a paleta Midnight Glow
💻 CSS da paleta de cores Midnight Glow
/* CSS */
.color-1 {
color: #1e1e2f;
}
.color-2 {
color: #3a3a4b;
}
.color-3 {
color: #58586f;
}
.color-4 {
color: #a8a8c7;
}
.color-5 {
color: #dadae7;
}
/* CSS Variables */
:root {
--color-1: #1e1e2f;
--color-2: #3a3a4b;
--color-3: #58586f;
--color-4: #a8a8c7;
--color-5: #dadae7;
} 🌈 CSS do gradiente de fundo Midnight Glow
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e1e2f, #3a3a4b, #58586f, #a8a8c7, #dadae7);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e1e2f, #3a3a4b, #58586f, #a8a8c7, #dadae7);
} 🔗 Explore paletas de cores parecidas
Paleta de cores Midnight Glow criada em .