Painel de cores

Gerador de Cor Complementar

Gere a cor de matiz oposta em uma roda HSL determinística.

Gerador de Cor Complementar: A TOEA aplica esta fórmula fixa: Complement hue = base hue + 180°. A matemática de cor é executada localmente no seu navegador. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.

Execuções
No seu navegador
Custo
Grátis · sem cadastro
Disponibilidade
Pronto para usar
TOEA / MOTOR DE COR 01Somente no navegador
FOLHA DE ENTRADA / 01

Valores de cor

Os valores ficam neste dispositivo. Recalcule após alterar uma entrada.

FOLHA DE RESULTADO / 02

HEX complementar

#EBAD25

RGB complementar
rgb(235, 173, 37)
Fórmula de cálculoMatiz complementar = matiz base + 180°
PRESSUPOSTOS / LEIA ANTES DE USAR
  1. Os resultados são transformações matemáticas determinísticas em sRGB; a aparência na tela depende do seu monitor e do perfil de cor.
  2. A entrada HEX aceita a notação #RGB ou #RRGGBB. Os valores ficam no seu navegador e não são enviados.

Não é o círculo cromático dos pintores

O matiz oposto aqui vem do círculo vermelho–verde–azul das telas, em que vermelho fica diante de ciano, verde diante de magenta e azul diante de amarelo. O círculo ensinado nas aulas de arte, baseado em tintas vermelha, amarela e azul, combina vermelho com verde e azul com laranja. Assim, um azul como #2563EB recebe aqui um parceiro âmbar quente, próximo, mas não igual, ao laranja que um pintor escolheria. Cinza, branco e preto não têm matiz, então retornam sem alteração.

Usando um par complementar

Dois complementares em intensidade máxima, lado a lado, parecem vibrar na borda compartilhada e cansam os olhos, especialmente quando um é usado como texto sobre o outro. Use uma como cor principal e a outra como um pequeno destaque para uma chamada à ação, um realce ou uma linha de gráfico que precise se sobressair. Clareie ou escureça uma delas para que o par também tenha diferença de luminosidade, mantendo as cores distintas para pessoas daltônicas e em escala de cinza.

Como usar

  1. Insira valores #RGB ou #RRGGBB válidos e qualquer porcentagem solicitada.
  2. Execute a operação de cor fixa local no seu navegador.
  3. Confira as amostras e copie o resultado ou os valores da paleta.

Privacidade e limitações

Os valores de cor permanecem neste dispositivo. O resultado de contraste é um verificador matemático, não uma garantia ampla de conformidade com a WCAG; contexto, renderização de fontes, contraste de elementos não textuais e estados de interface do usuário ainda precisam ser revisados.

Ferramentas relacionadas

Perguntas frequentes

Como funciona a Cor Complementar?

Usa Complement hue = base hue + 180°.

Quais formatos HEX são aceitos?

Use a notação #RGB de três dígitos ou #RRGGBB de seis dígitos em sRGB. Canais alfa e nomes de cores não são aceitos.

O resultado de contraste garante conformidade de acessibilidade?

Não. É um verificador matemático de contraste para as cores informadas e limites de texto, não uma garantia ampla de conformidade.

Ferramenta grátis · no seu navegador execuções · não precisa de conta