Fórmula de cor complementar
Formula
H_complemento = (H + 180°) mod 360°; mantenha S e L ou ajuste para acessibilidade.
Variables
- R, G, B
- Canais sRGB (0–255 ou 0–1 normalizados)
- H, S, L
- Matiz (graus), saturação e luminosidade (0–1) em HSL
- eu
- Luminância relativa (WCAG) ou luminosidade em HSL/OKLCH
FAQ
- A fórmula de cores complementares é precisa para fluxos de trabalho de impressão?
- A tela RGB e a impressão CMYK usam gamas diferentes. Trate as conversões como provas aproximadas; calibre com perfis ICC para impressão comercial.
- Posso usar esta fórmula em CSS?
- CSS moderno oferece suporte a color-mix(), oklch() e lab() para muitas operações. Para pipelines complexos, calcule em JavaScript e exporte variáveis CSS.
- O Color DevByte carrega minhas cores?
- Não. As páginas de referência de fórmulas são documentação estática; ferramentas interativas são executadas 100% do lado do cliente em seu navegador.
Visão geral
Encontre o matiz oposto na roda de cores para pares de alto contraste.
O Color DevByte documenta essa fórmula para desenvolvedores, designers e revisores de acessibilidade que precisam de matemática de cores reproduzível sem enviar dados a um servidor.
Use as ferramentas de cores vinculadas para aplicar esta fórmula de forma interativa com visualização ao vivo e exportação multiformato.
Quando usar esta fórmula
Aplique a fórmula de cores complementares ao criar tokens de design, validar o contraste WCAG ou automatizar pipelines de cores em CSS, Tailwind ou JSON do sistema de design.
Para UI de produção, sempre verifique os resultados com um verificador de contraste ou visualização visual – casos extremos na correção de gama e no mapeamento de gama podem alterar os resultados.
Notas de implementação
As ferramentas baseadas em navegador devem linearizar o sRGB antes dos cálculos de luminância ou ΔE.
Prefira a interpolação OKLCH ou LAB para gradientes e temas para evitar pontos médios acinzentados comuns em misturas RGB.