Referência de Cores Material
Navegue e copie gratuitamente online todos os códigos de cores do Material Design. Encontre valores hex da paleta de 256 cores com um clique.
No results found
Como funciona
- Abra a ferramenta Material Color Reference no seu navegador.
- Navegue pela paleta completa de 256 cores organizadas por famílias e níveis de tonalidade.
- Encontre a cor desejada rolando pelos grupos de cores disponíveis.
- Clique na amostra de cor para copiar automaticamente o código hex para a área de transferência.
- Cole o código diretamente no seu CSS, Figma, Sketch ou qualquer outra ferramenta de design.
Exemplo
Entrada: Material Lime 600
Resultado: #C0CA33
FAQ
É o sistema de cores oficial do Google com 256 cores cuidadosamente selecionadas, organizadas em famílias como Vermelho, Azul, Verde e Roxo, cada uma com múltiplos níveis de luminosidade.
Sim, a ferramenta é completamente segura. Todo o processamento ocorre diretamente no seu navegador no lado do cliente e nenhum dado é enviado para qualquer servidor.
Basta clicar na amostra de cor ou no valor hex e ele será copiado automaticamente para a área de transferência.
Sim, as cores do Material Design são de uso livre e amplamente utilizadas em aplicações web, mobile e desktop, tanto pessoais quanto comerciais.
A maioria das famílias de cores inclui tonalidades de 50 a 900, além de variantes accent A100, A200, A400 e A700 em algumas cores.