Pular para o conteúdo

Paleta de cores do Material Design

Todas as cores Material, copiadas com um clique.

Carregando…

A paleta do Material Design dá a cada um dos seus 19 matizes — do vermelho ao cinza-azulado — dez tons de 50 a 900 e, na maioria, quatro acentos vivos de A100 a A700. Clique em qualquer amostra para copiar o código HEX ou digite uma cor para encontrar a cor Material mais próxima, prático ao levar um design para um app ou tema baseado em Material.

Como copiar cores do Material Design

  1. Etapa 1

    Explore a paleta.

  2. Etapa 2

    Clique em uma amostra para copiar o código HEX.

  3. Etapa 3

    Ou digite uma cor para achar a Material mais próxima.

Por que usar o PhotoTools

Paleta completa

19 matizes, 254 cores.

Um clique

O código HEX é copiado na hora.

A mais próxima

A cor Material mais parecida com qualquer cor.

Formatos compatíveis

Saída

  • HEX

Perguntas frequentes

Qual tom é a cor principal?

O tom 500 é o principal de cada matiz; os claros (50–400) servem para fundos e os escuros (600–900) para texto e estados pressionados.

O que são os tons A?

Os acentos (A100–A700) são variantes mais vivas e saturadas para botões, interruptores e destaques. Marrom, cinza e cinza-azulado não têm.

É grátis?

Sim. As ferramentas do navegador do PhotoTools são grátis, ilimitadas e funcionam sem conta.

Minhas imagens são enviadas para um servidor?

Não. Esta ferramenta funciona inteiramente no seu navegador com WebAssembly. Suas imagens nunca saem do seu dispositivo e nada é armazenado.