TK

Ferramentas de cor

Converte e verifica cor

Matemática de cor que corre no teu navegador. Converte entre hex, RGB, HSL e OKLCH; verifica o contraste contra os limiares WCAG.

Sem upload Só no navegador

Conversor de cor

Converte entre hex, rgb(), hsl() e oklch() com uma amostra de pré-visualização ao vivo e seletor nativo.

Abrir

Verificador de contraste WCAG

Verifica o contraste de primeiro plano/fundo contra os limiares WCAG 2.1 AA e AAA para texto normal, texto grande e componentes UI.

Abrir

Perguntas frequentes

Que formatos de cor são suportados?
hex, rgb(), hsl() e oklch() — tanto a sintaxe moderna separada por espaços como a legacy separada por vírgulas.
O que é OKLCH?
Um espaço de cor percetualmente uniforme com eixos Luminosidade, Chroma e Tonalidade. Produz gradientes e paletas mais consistentes que HSL porque passos numéricos iguais parecem passos visuais iguais.
Como é calculado o contraste?
Segundo a WCAG 2.1: a luminância relativa é calculada para cada cor, depois o rácio é (mais clara + 0.05) / (mais escura + 0.05). O resultado vai de 1:1 (idênticas) a 21:1 (branco sobre preto).
Que limiares importam para a acessibilidade?
Texto AA Normal exige ≥ 4.5; texto AA Grande e componentes UI exigem ≥ 3. O AAA sobe estes valores para ≥ 7 e ≥ 4.5. Apontar a, no mínimo, AA em sites de produção.
Os meus valores de cor são enviados para algum lado?
Não. A matemática de conversão e contraste corre em local; nada sai do teu navegador.