OpenTools

Converter código de cor — HEX, RGB, HSL, CMYK, verificação de contraste

Útil para converter cores de um protótipo de design em código CSS, ou para verificar se o texto de um botão é legível segundo os critérios de acessibilidade.

O ficheiro não é transmitido para o servidor — processado apenas no navegador deste dispositivo

Verificação de contraste (WCAG)

Rácio de contraste desta cor com o fundo, quando usada como cor de texto. Texto normal: AA 4,5:1, AAA 7:1 / Texto grande (24px ou negrito a partir de 18,7px): AA 3:1, AAA 4,5:1.

Aa Bb 123
Fundo branco6.29:1
✓ AA texto normal ✗ AAA texto normal ✓ AA texto grande ✓ AAA texto grande
Aa Bb 123
Fundo preto3.34:1
✗ AA texto normal ✗ AAA texto normal ✓ AA texto grande ✗ AAA texto grande
Aa Bb 123
Cor escolhida #FFFFFF6.29:1
✓ AA texto normal ✗ AAA texto normal ✓ AA texto grande ✓ AAA texto grande

Níveis de claro/escuro

Toque na célula para copiar o código HEX.

Publicidade

Como usar Converter cor

  1. 1Introduza o código de cor ou escolha com o seletor de cor (aceita #4f46e5, rgb(), hsl()).
  2. 2Mostra o código em todos os formatos; toque para copiar.
  3. 3Veja o rácio de contraste com branco, preto ou uma cor escolhida, se cumpre o WCAG, e os níveis de claro/escuro.

Perguntas frequentes

Qual deve ser o rácio de contraste mínimo?

O WCAG AA exige pelo menos 4,5:1 para texto normal e 3:1 para texto grande; o AAA exige 7:1 e 4,5:1, respetivamente.

Os valores CMYK são diferentes dos da gráfica.

O CMYK aqui é uma simples conversão matemática. A impressão real varia consoante o papel e o perfil de tinta, por isso siga os critérios da gráfica.

Publicidade