O que é Seletor de cores Material Design?
O Material Design Color Picker disponibiliza a paleta de cores Material Design completa, com todas as cores primárias e as suas variantes de tonalidade (50 a 900). Clique em qualquer amostra para obter o valor HEX exato, pronto a usar no seu design system ou código.
Como usar
- Navegue pela grelha de cores com todas as cores primárias do Material Design — Vermelho, Rosa, Roxo, Roxo Escuro, Índigo, Azul e mais.
- Clique numa cor primária para expandir as variantes de tonalidade, da mais clara (50) à mais escura (900), incluindo tons de destaque (A100–A700).
- Clique em qualquer tonalidade para copiar o código HEX ou construa uma paleta selecionando várias cores para o seu projeto.
Resultado
Está a construir um dashboard e precisa do 'Indigo 500' (#3F51B5) exato do Material Design para o botão principal e do 'Indigo 50' (#E8EAF6) para o fundo de hover.
Ferramentas relacionadas
Conversor de códigos de cor
Converta códigos de cor HEX, RGB, HSL e CMYK
Verificador de contraste de cor
Verifique proporções de contraste WCAG de acessibilidade
Conversor de cores
Converta códigos HEX, RGB, HSL, HSV e CMYK
Misturador de cores
Misture duas cores visualmente
Identificador de nome de cor
Encontre a cor nomeada mais próxima de qualquer valor
Localizador de cores complementares
Encontre cores complementares para qualquer entrada