Sobre esta ferramenta
Harmonias de cores são relações de matiz tiradas diretamente do círculo cromático: a complementar combina dois matizes opostos para contraste máximo, a análoga agrupa três matizes vizinhos para uma sensação calma e coesa, a triádica espaça três matizes uniformemente para um visual vibrante mas equilibrado, a tetrádica espaça quatro matizes uniformemente para uma paleta rica que exige mais cuidado para equilibrar, e a complementar dividida troca o único complemento verdadeiro pelos dois matizes ao lado dele — a maior parte do contraste de um esquema complementar com menos tensão visual.
Escolha uma cor base, selecione um esquema, e esta ferramenta calcula todos os outros matizes com a mesma saturação e luminosidade para que o conjunto pareça uma única família. Cada amostra mostra seu valor exato de hsl() e o copia para a área de transferência ao clicar — cole direto no seu CSS. Tudo roda localmente no seu navegador; nada é enviado, e sua cor base e último esquema são lembrados para a próxima vez.
Perguntas frequentes
Qual esquema de harmonia devo usar para um site?
Esquemas análogos tendem a parecer calmos e coesos para sites de conteúdo, enquanto esquemas complementares ou complementares divididos criam contraste mais forte para chamadas à ação — experimente alguns e veja o que combina com sua marca.
Isso leva em conta a acessibilidade/contraste de cores?
Não — os esquemas são pura matemática de matiz, sem verificação de contraste. Sempre verifique os pares texto/fundo em relação às proporções de contraste WCAG separadamente antes de publicar.