Conversor de cores
Cole um HEX, RGB, HSL ou nome de cor e veja todos os formatos de uma vez, com a verificação de contraste WCAG.
- Roda no seu dispositivo
- Sem cadastro
- Funciona offline depois de uma visita
Aceita #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() ou um nome de cor CSS como rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Cada razão é da WCAG 2.x. Texto grande tem 24px ou mais, ou 18,66px em negrito. A aprovação é verificada pela razão exata, e uma cor translúcida é misturada a cada fundo antes.
Como converter um código de cor
- Digite um HEX, rgb(), hsl() ou nome de cor, ou escolha uma na amostra.
- Copie o formato que você precisa entre os cinco resultados.
- Veja a razão de contraste e as marcas AA ou AAA sobre branco, sobre preto e sobre um fundo que você escolher.
Perguntas
Por que o valor CMYK é só aproximado?
O CMYK depende da tinta, do papel e do perfil de cor da impressora. Este conversor usa a fórmula matemática simples, que ignora esses três fatores, então uma cor impressa será diferente da tela. Peça uma prova à gráfica antes de uma tiragem grande.
Como a razão de contraste é calculada?
A WCAG 2.x pega a luminância relativa de cada cor, a partir dos valores de vermelho, verde e azul após a correção gama. A razão é a luminância mais clara somada a 0,05, dividida pela luminância mais escura somada a 0,05. Preto sobre branco dá 21:1, o valor máximo possível.
Quais limites a verificação usa?
A WCAG 2.x exige pelo menos 4,5:1 para texto normal e 3:1 para texto grande no nível AA, e 7:1 e 4,5:1 no nível AAA. Texto grande tem 24px ou mais, ou 18,66px em negrito.
Quais formatos de cor a caixa aceita?
Códigos hex com três, seis ou oito dígitos, rgb() e rgba(), hsl() e hsla(), e nomes de cores CSS como rebeccapurple. O navegador lê o valor, então qualquer coisa que ele entenda como cor CSS funciona.
Avaliações
Ainda não há avaliações. Seja o primeiro.