Ferramenta de cores complementares online
Calcula um par complementar HSL, ajusta as cores e copia o resultado. Verifica separadamente o contraste do texto.
Começar a usar
Cálculo e limites
O RGB da base é mantido em HEX maiúsculo. Para a segunda cor, as três componentes HSL são arredondadas para inteiros; somam-se 180° à tonalidade arredondada e converte-se para RGB. O ângulo é fixo. Não equivale a inverter cada canal RGB com 255 menos o valor original.
#FF0000 produz #FF0000 e #00FFFF. A base #3B82F6 produz #F6AF3C como segunda cor. O arredondamento pode alterar cinzentos: #010101 produz #000000 como segunda cor. O resultado pode diferir de um cálculo HSL sem arredondamento.
RGB usa 0–255; a tonalidade, 0–360°; as restantes componentes, 0–100 %. O valor HSV e a luminosidade HSL são grandezas diferentes. Usa cores opacas sem alfa. Editar um resultado não mantém automaticamente a relação complementar; gera novamente a partir da base.
O cálculo decorre no navegador, sem amostragem de imagens nem medição de contraste. O par não garante texto legível, brilho percebido igual ou acessibilidade. Verifica separadamente o contraste entre texto e fundo.
O processamento é feito localmente no navegador.