Nossa missão
Escolher uma paleta de cores não deveria depender de tentativa e erro. Nosso objetivo é reunir, em um só lugar, o círculo cromático interativo, as regras clássicas de harmonia e as verificações modernas de acessibilidade — sem cadastro, sem cobrança e sem barreiras de idioma.
O site é publicado em português do Brasil e pensado para o contexto brasileiro: nomes de cores usados aqui, referências a tintas imobiliárias nacionais e um cuidado especial com a Lei Geral de Proteção de Dados (LGPD) e com o Código de Defesa do Consumidor (CDC).
O que você encontra aqui
Círculo cromático interativo
Selecione uma cor base, ajuste luminosidade e veja na hora as harmonias complementares, análogas, tríades, tétrades e monocromáticas.
Códigos prontos para usar
Copie valores HEX e RGB, gere variáveis CSS e tokens para Tailwind CSS sem precisar converter nada manualmente.
Contraste e acessibilidade
O verificador calcula a razão de contraste conforme a WCAG 2.1 e indica se a combinação atende aos níveis AA e AAA para texto normal e texto grande.
Simulação em interface real
Veja a paleta aplicada em botões, cartões e navegação antes de levar as cores para o seu projeto, reduzindo retrabalho.
Como a ferramenta calcula as cores
As harmonias são geradas a partir do modelo HSL (matiz, saturação e luminosidade). A matiz é rotacionada no círculo cromático — 180° para complementares, 30° a 60° para análogas e 120° para tríades — e depois convertida para HEX e RGB.
O contraste é calculado com a fórmula de luminância relativa da WCAG 2.1. A ferramenta compara a cor do texto com a cor de fundo e informa a razão obtida. Os limiares usados são os oficiais: 4,5:1 para texto normal no nível AA, 3:1 para texto grande no nível AA e 7:1 para texto normal no nível AAA.
Transparência técnica: a matemática de cor é uma aproximação útil, não uma verdade absoluta. Telas calibradas de forma diferente e impressoras com perfis de cor distintos podem exibir o mesmo HEX com pequenas variações. Sempre valide o resultado final no dispositivo ou no material em que ele será usado.
Independência editorial e marcas de terceiros
O Círculo Cromático Cores é um projeto independente. Não temos vínculo comercial, patrocínio ou representação com fabricantes de tintas, gráficas, softwares de design ou empresas cujas marcas possam ser citadas em nossos conteúdos.
Nomes como Suvinil, Pantone, Adobe e Figma, quando aparecem no site, são usados apenas como referência descritiva e pertencem aos seus respectivos titulares. Nenhuma paleta publicada aqui deve ser interpretada como catálogo oficial dessas empresas.
Também não vendemos posições, não ranqueamos marcas por pagamento e não usamos links de afiliados disfarçados de recomendação editorial.
Privacidade por padrão
A ferramenta funciona inteiramente no seu navegador. As cores que você escolhe não são enviadas para nossos servidores, não exigimos criação de conta e não usamos cookies de publicidade ou de rastreamento comportamental. O único envio de dados acontece quando você decide escrever para o endereço de contato por e-mail.
Você pode ler todos os detalhes na Política de Privacidade, incluindo bases legais, prazos de retenção e como exercer os direitos previstos no art. 18 da LGPD.
Compromisso com acessibilidade
Um site sobre contraste e cor precisa, antes de tudo, ser legível. Por isso seguimos boas práticas de acessibilidade: estrutura semântica de títulos, navegação por teclado, foco visível, textos alternativos, links descritivos e respeito à preferência prefers-reduced-motion.
Encontrou alguma barreira de acesso? Escreva para [email protected] com a página e o trecho afetado. Tratamos relatos de acessibilidade como prioridade.
Quem mantém o projeto
O site é mantido por um desenvolvedor independente, pessoa física, que assina o design, o desenvolvimento e a revisão editorial do conteúdo em português. A infraestrutura é estática, o que reduz custos, melhora a velocidade de carregamento e diminui a superfície de exposição a falhas de segurança.
O projeto é gratuito, mas não é abandonado: correções de conteúdo, melhorias de usabilidade e atualizações de acessibilidade são incorporadas continuamente. Sugestões são bem-vindas — elas ajudam a definir o que entra na próxima versão.
Fale com a gente
Tem uma dúvida sobre harmonia de cores, encontrou um erro de cálculo ou quer propor uma parceria? Use a página de contato ou escreva para o e-mail indicado nela. Respondemos em até 5 dias úteis.