O que é Analisador de Harmonia de Cores?

O Analisador de Harmonia de Cores verifica se suas cores combinam bem com base na teoria das cores. Ele detecta o tipo de harmonia (complementar, análoga, triádica e mais), pontua a compatibilidade e sugere melhorias para a paleta.

O analisador converte cada hex em HSL e mede as distâncias de matiz na roda de cores para detectar relações complementar, análoga, triádica, complementar dividida, tetrádica ou monocromática. Também verifica a dispersão de saturação e luminosidade, dá uma nota de 0 a 100 e lista sugestões como escurecer para contraste ou equilibrar a saturação.

Como usar

1. Adicione duas ou mais cores inserindo códigos hexadecimais ou usando o seletor de cores.
2. Confira a análise de harmonia para ver o tipo de relação detectada e a pontuação de compatibilidade.
3. Revise as sugestões e depois exporte sua paleta refinada.

Quando usar

• Validar uma paleta de três cores de marca antes de travar os tokens de estilo.
• Decidir entre duas paletas candidatas tiradas de um moodboard.
• Revisar a paleta de um gráfico em que cada série precisa de um tom distinto.

Resultado

Um designer de marca insere suas três cores corporativas e descobre que formam uma harmonia split-complementar com pontuação de compatibilidade de 87%, com uma sugestão de aquecer levemente o azul.

Perguntas frequentes

O que a pontuação de harmonia mede de fato?

Junta o quanto os ângulos de matiz batem com uma relação conhecida (complementar a 180°, análoga em até 60° etc.), o equilíbrio de saturação e luminosidade e se há contraste suficiente. Acima de 70 fica sólido, abaixo de 50 costuma pedir ajuste.

Por que minhas três cores foram chamadas de "personalizada" e não triádica?

A triádica pura tem os três matizes a 120°. Se os seus estão a, digamos, 80° e 200°, os ângulos não encaixam no padrão de livro, então o analisador rotula como personalizada e ainda assim pontua pela saturação, luminosidade e contraste.

Devo sempre buscar 100 pontos de harmonia?

Nem sempre. A nota máxima significa paleta de livro, ótima para gráficos e dashboards. Paletas de marca costumam ficar entre 70 e 85, um pouco de tensão as torna marcantes. Use a nota como guia, não como meta.

Quantas cores o analisador suporta?

Na prática, de duas a sete. Duas é o mínimo para detectar relação; acima de sete os tipos de harmonia deixam de fazer sentido e quase tudo vira personalizada. Para visualizações com mais cores, foque no equilíbrio de luminosidade e saturação.

Posso exportar a paleta para usar em código ou ferramentas de design?

Sim. O botão de download salva os códigos hex e dá para copiar todos em um clique. Cole direto nos estilos de cor do Figma, em variáveis CSS ou num arquivo JSON de tokens de design.

Ferramentas relacionadas