Seletor de Cor e Gerador de Paleta

Como usar

1. Escolha uma cor usando o seletor visual ou digite um código HEX.
2. As paletas complementar, análoga, triádica e monocromática são geradas automaticamente.
3. Clique nos valores HEX de cada cor para copiá-los manualmente (selecione e copie o texto).

O que significa cada tipo de paleta

Complementar: a cor oposta no círculo cromático (180° de distância) — cria alto contraste, útil para destacar elementos. Análoga: cores vizinhas no círculo cromático (30° de distância) — combinações harmoniosas, comuns em designs suaves. Triádica: três cores espaçadas igualmente (120° entre si) — equilibra contraste e harmonia. Monocromática: variações de luminosidade da mesma cor — mantém consistência visual usando apenas um matiz.

Perguntas frequentes

Como as paletas são calculadas?

A cor base é convertida do formato HEX para HSL (matiz, saturação, luminosidade). As paletas são geradas ajustando o matiz (para complementar, análoga e triádica) ou a luminosidade (para monocromática), depois convertendo de volta para HEX.

Essas paletas garantem bom contraste de acessibilidade?

Não necessariamente — harmonia de cor e contraste de acessibilidade (WCAG) são conceitos diferentes. Para texto sobre fundo colorido, verifique sempre a razão de contraste com uma ferramenta específica de acessibilidade antes de usar em produção.