Ferramenta de cores complementares online
Gere o complemento exato de qualquer cor base em HSL. Exemplo: #FF0000 → #00FFFF. Cálculo local, sem envio de dados. O processamento é feito localmente no na…
Começar a usar
O que faz esta ferramenta de cores complementares?
Escolher uma paleta harmoniosa é um passo importante no design. Esta ferramenta ajuda a encontrar o complemento exato de uma cor, ou seja, a cor que está no lado oposto da roda de cores HSL (ângulo 180 graus). Por exemplo, se a base for #FF0000 (vermelho), o resultado será #FF0000 e #00FFFF (ciano). O valor HEX da base é mantido exatamente; o complemento é calculado com saturação e luminosidade arredondadas a inteiros antes da conversão para RGB.
Como funciona o cálculo
A ferramenta converte a cor base para o modelo HSL, adiciona 180 graus ao matiz e converte de volta para RGB. O ângulo oposto é fixo – não é possível ajustá-lo. Isto é diferente de uma simples inversão RGB (subtrair cada canal de 255).
Limitações importantes
O par complementar não garante contraste acessível nem brilho percebido equivalente. Se precisar de garantir legibilidade, teste o contraste entre texto e fundo separadamente. A ferramenta não inclui pontuação de contraste nem edição de fotografia.
Privacidade e utilização
Todos os cálculos são feitos no seu navegador – não há envio de dados nem chamadas de IA. Pode usar a ferramenta offline, se a página já estiver carregada.
Perguntas frequentes
Porque é que o complemento de #FF0000 é #00FFFF e não #00FF00?
Porque a ferramenta usa o modelo HSL, onde o complemento é o matiz oposto a 180 graus. No HSL, o vermelho (0 graus) tem complemento ciano (180 graus), não verde (120 graus).
Posso ajustar o ângulo do complemento?
Não. O ângulo oposto é fixo em 180 graus. Para outras relações de matiz, precisaria de outra ferramenta.
O que acontece se eu editar uma das cores depois de gerar o par?
Os valores de texto são atualizados, mas as duas cores deixam de ser complementares. A ferramenta não recalcula automaticamente o par.
Lista de verificação para usar a ferramenta
- Escolha uma cor base com o seletor ou introduza um valor HEX/RGB/HSV/HSL.
- Clique em Calcular para ver o par.
- Verifique se o contraste entre as duas cores é suficiente para a sua utilização.
- Use o botão Limpar para recomeçar.
O processamento é feito localmente no navegador.