O que é Explorador de cores de marca?

O Explorador de Cores de Marcas permite navegar pelas paletas de cores oficiais de mais de 100 marcas populares como Google, Spotify, Netflix e muitas outras. Copie qualquer código hexadecimal instantaneamente para seus designs, apresentações ou projetos de desenvolvimento.

As marcas estão organizadas em Tecnologia, Redes Sociais, Alimentação e Bebidas, Finanças, Entretenimento, Varejo, Automotivo, Esportes, Saúde e Viagens. Cada cartão lista os códigos oficiais primário, secundário e de destaque extraídos dos guias públicos, com cópia em um clique em HEX, RGB ou HSL. A busca filtra por nome e os chips de categoria estreitam a lista para comparar empresas semelhantes lado a lado.

Como usar

  1. Navegue pelas marcas por categoria ou pesquise pelo nome de uma marca específica.
  2. Escolha HEX, RGB ou HSL no seletor de formato e clique em qualquer amostra para copiar a cor no formato escolhido.
  3. Veja a paleta completa de cada marca e leve do seu jeito: clique numa amostra para copiar uma cor, toque em «Copiar tudo» para uma lista de HEX separada por vírgulas, CSS para propriedades personalizadas, Tailwind para um bloco de configuração, ou PNG para uma folha de amostras.

Quando usar

  • Diagramar um slide que cite uma marca real e precise dos logos com cor exata
  • Buscar inspiração de paleta olhando para um concorrente ou marca aspiracional do seu setor
  • Montar uma landing de co-branding em que você precisa do hex preciso das duas marcas em segundos

Resultado

Você está criando uma apresentação que faz referência ao Spotify. Pesquise "Spotify", encontre o verde (#1DB954) e copie com um clique para usar na sua ferramenta de design.

Perguntas frequentes

De onde vêm esses códigos de cor de marca?
Saem do manual de identidade ou do kit de imprensa de cada empresa, conferidos com SVGs do logo quando disponíveis. Não reivindicamos nenhuma marca registrada: os códigos são referência de design, não chancela oficial.
Posso usar essas cores em trabalhos meus?
Códigos de cor por si só não têm direitos autorais, mas a identidade da marca tem. Use à vontade em rascunhos, mockups, comparativos e peças editoriais; antes de algo que sugira afiliação, leia a política de marca.
Por que algumas marcas têm quatro ou cinco cores e outras só duas?
Reproduzimos o que cada empresa publica. O Google tem quatro principais por causa das quatro letras do logo; a paleta oficial da Apple é propositalmente curta: preto, prata e um azul de destaque.
Dá para exportar a lista inteira para o Figma ou meu editor?
Sim: cada cartão de marca tem sua própria linha de exportação. «Copiar tudo» coloca a paleta completa na área de transferência como uma lista de HEX separada por vírgulas, o botão CSS a copia como propriedades personalizadas prontas para colar (por exemplo, --tesla-red: #CC0000;), o botão Tailwind copia um bloco de cores do tailwind.config.js com o nome da marca como chave, e o botão PNG salva uma folha de amostras limpa para apresentações. Você ainda pode escolher HEX, RGB ou HSL com o seletor de formato e copiar cada amostra uma de cada vez, e cada amostra mostra um pequeno selo AA/AAA indicando o quão legível o texto ficará sobre ela.
Faltou uma marca que me interessa, dá para incluir?
A lista prioriza marcas globais reconhecidas para a busca seguir útil. Mantemos o conjunto enxuto de propósito; para marcas de nicho ou regionais geralmente é mais rápido visitar a página "Sobre" da própria marca.

Ferramentas relacionadas