Conversor de Cores (HEX/RGB/CMYK) - Verificador de Contraste WCAG

Converta HEX, RGB, HSL e CMYK com um verificador de contraste WCAG integrado. Privacidade apenas local — sem uploads. Obtenha valores CMYK prontos para impressão e copie os resultados agora.

Pré-visualização do texto

Valores convertidos

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)

Acessibilidade (WCAG)

Texto branco0.00:1
Texto normal (AA)Reprovado
Texto grande (AA)Reprovado
Texto preto0.00:1
Texto normal (AA)Reprovado
Texto grande (AA)Reprovado

Como usar

  1. Informe uma cor (ex.: #3b82f6) ou use o seletor.
  2. Copie os valores convertidos (RGB/HSL/CMYK) na hora.
  3. Confira os resultados WCAG para a legibilidade de texto preto/branco.
  4. Use a saída CMYK para especificações de design prontas para impressão.

Recursos principais

  • Verificação de contraste WCAG: calcule as relações de contraste e veja o resultado AA/AAA (aprovado/reprovado) instantaneamente.
  • CMYK para impressão: converta cores de tela em porcentagens CMYK prontas para impressão.
  • Espaço de cor HSL: trabalhe com HSL para ajustes mais intuitivos de matiz/saturação/luminosidade.
  • Seletor de cor do sistema: escolha cores com o seletor do seu sistema operacional para maior precisão.
  • Privacidade garantida: todas as conversões rodam localmente no seu navegador.

Ferramentas relacionadas

Seletor de Cores de Imagem Grátis e Gerador de Paletas

Selecione, arraste ou cole uma imagem para capturar cores de pixels localmente, copiar valores HEX/RGB/HSL e gerar uma paleta de cores dominantes.
Gerador de Lorem Ipsum (JSON/HTML) - Saída CJK e para Desenvolvedores

Gere Lorem Ipsum como texto, HTML <p> ou arrays JSON. Apenas local, sem uploads. Inclui texto de preenchimento em chinês e controles de comprimento variável. Gere agora.
Calculadora de Proporção e Gerador de CSS - TikTok/Reels 9:16

Calcule proporções e dimensões faltantes rapidamente. Processamento local no navegador — sem uploads. Inclui predefinições TikTok/Reels 9:16 e snippets de CSS aspect-ratio.

Lógica de cálculo

  • As conversões implementam a matemática padrão de RGB↔HSL e RGB↔CMYK.
  • O WCAG usa a luminância relativa e uma relação de contraste.
  • A luminância pode ser expressa como (L = 0.2126R + 0.7152G + 0.0722B).
  • Relação de contraste: (\frac{L_1 + 0.05}{L_2 + 0.05}), depois comparada com os limites AA/AAA.

Perguntas frequentes

Como verifico se minhas cores são acessíveis (WCAG)?

Informe suas cores e confira o painel WCAG. Calculamos as relações de contraste com texto preto/branco e mostramos o resultado AA/AAA (aprovado/reprovado).

Como converto HEX para CMYK para impressão?

Digite um código HEX (ex.: #FF0000). Nós o convertemos instantaneamente em porcentagens CMYK para design de impressão.

Meus dados estão seguros? Ocorre upload?

Sim, estão seguros. Tudo roda localmente no seu navegador, sem uploads nem armazenamento em servidor.

É gratuito? Existe algum limite?

É gratuito e não exige cadastro. Copie os valores quando quiser.

Como o contraste WCAG é calculado?

Calculamos a luminância relativa do primeiro plano/fundo e usamos (\frac{L_1 + 0.05}{L_2 + 0.05}) para obter a relação de contraste e avaliar AA/AAA.