Conversor de cores HEX, RGB, HSL e CMYK

Digite ou escolha uma cor para obter os valores HEX, RGB, HSL e CMYK, o contraste de acessibilidade WCAG e uma paleta de tons combinando.

Converter HEX, RGB, HSL e CMYK e medir o contraste WCAG

Um código HEX é a escrita em base 16 dos três canais RGB (0 a 255): #10B981 vale RGB(16, 185, 129), ou seja, HSL(160°, 84%, 39%) e CMYK(91, 0, 30, 27). A ferramenta também calcula o contraste com texto branco ou preto segundo a fórmula WCAG: aqui 8,28:1 com o preto, nível AAA.

As conversões

  • HEX ↔ RGB: cada par de dígitos hexadecimais dá um canal (10 = 16, B9 = 185, 81 = 129). A forma curta #abc é aceita.
  • RGB → HSL: a luminosidade vale (máx + mín) ÷ 2 dos canais levados entre 0 e 1, a saturação depende da diferença máx − mín, o matiz do canal dominante. Os valores são arredondados à unidade, daí uma diferença possível de um ponto na ida e volta.
  • RGB → CMYK: K = 1 − máx(R, G, B); C = (1 − R − K) ÷ (1 − K), idem para M e Y. Para #10B981: K = 27%, C = 91%, M = 0%, Y = 30%.

Contraste WCAG

A luminância relativa de cada canal é linearizada (c ÷ 12,92 abaixo do limite 0,04045, senão ((c + 0,055) ÷ 1,055)2,4), depois L = 0,2126 R + 0,7152 G + 0,0722 B. A razão de contraste vale (Lclara + 0,05) ÷ (Lescura + 0,05). Para #10B981, L = 0,364: 2,54:1 sobre branco, 8,28:1 sobre preto. A ferramenta escolhe a melhor das duas e exibe AAA a partir de 7:1, AA a partir de 4,5:1, senão “reprovado”. São os limites do texto comum; um texto grande (18 pt, ou 14 pt em negrito) exige apenas 3:1 em AA e 4,5:1 em AAA, o que a ferramenta não distingue.

Paleta e limites

A paleta mantém o matiz e a saturação e varia a luminosidade HSL (95%, 80%, 60%, 40% e 20%). A conversão CMYK é matemática, sem perfil ICC nem cobertura de tinta: para impressão, peça à sua gráfica que valide os valores. O contraste só compara a cor com o branco e o preto puros.

Fontes e datas: limites de 4,5:1 e 7:1 (critérios 1.4.3 e 1.4.6) e definição de luminância relativa das Web Content Accessibility Guidelines (WCAG) 2.2, recomendação do W3C de 12/12/2024 (verificado em 14/10/2026).

Perguntas frequentes

Qual contraste mínimo a norma WCAG exige?

O nível AA exige uma razão de pelo menos 4,5:1 para texto comum e 3:1 para texto grande (18 pt, ou 14 pt em negrito). O nível AAA sobe para 7:1 e 4,5:1. Esses limites constam dos critérios 1.4.3 e 1.4.6 das WCAG 2.2.

Como converter um código HEX em RGB?

Divida o código em três pares e converta cada um da base 16 para a base 10: #10B981 dá 10 = 16, B9 = 185, 81 = 129, ou seja, RGB(16, 185, 129). Uma forma curta como #0f8 se lê #00ff88.

A conversão de RGB para CMYK é confiável para impressão?

Ela dá uma ordem de grandeza. A fórmula K = 1 − max(R, G, B) ignora o perfil ICC do papel e da impressora, de modo que a cor impressa pode diferir da tela. Peça à sua gráfica os valores adequados ao perfil dela.

Minha cor fica legível com texto branco?

Calcule a razão (L clara + 0,05) ÷ (L escura + 0,05). O verde #10B981 obtém apenas 2,54:1 com o branco, abaixo do limite AA de 4,5:1, mas 8,28:1 com o preto. A ferramenta sugere automaticamente a cor de texto mais legível.

A ferramenta é realmente gratuita?

Sim, todas as ferramentas do Kristools são 100% gratuitas e acessíveis sem cadastro.

Meus dados estão protegidos?

Sim. Todo o processamento é feito diretamente e com segurança no seu navegador. Nenhum dado pessoal é enviado para os nossos servidores.