Nouplo

Conversor de cor

HEX, RGB, HSL e CMYK — mais a razão de contraste que decide a legibilidade.

Resultado
Cole ou digite acima para ver o resultado aqui.

Seus arquivos ficam no seu dispositivo

Esta ferramenta roda inteiramente no seu navegador. O que você cola é processado no seu dispositivo e nunca é enviado a um servidor, então é seguro usar com tokens, chaves e textos não publicados.

Como funciona

  1. Cole uma cor: #3b5bdb, #fff, rgb(59 91 219), rgba(59, 91, 219, 0.5) ou hsl(228, 69%, 55%).
  2. Uma cor por linha para converter uma paleta inteira de uma vez.
  3. Leia as notações de volta e as duas razões de contraste embaixo.
  4. Copie o que precisar.

Perguntas frequentes

Que notações ele lê?
Hexadecimal de três, quatro, seis e oito dígitos, rgb() e rgba(), hsl() e hsla(), com valores separados por vírgula ou espaço e um alfa depois de uma barra. Cores nomeadas não são lidas.
Para que servem os dois números de contraste?
São as razões de contraste WCAG da sua cor contra branco e contra preto, que é o que decide se um texto por cima se lê. Os limites que vale guardar: 4,5:1 para texto corrido, 3:1 para texto grande ou em negrito, e 21:1 é preto sobre branco.
O CMYK é exato?
Não, e nenhum navegador consegue ser. CMYK de verdade depende da máquina, da tinta e do papel, que é o que um perfil de cor descreve. Os números aqui são a conversão aritmética direta: boa para ter uma ideia, errada como instrução de gráfica.
Alguma coisa é enviada para um servidor?
Não. Roda no navegador, então o que você digitar fica no seu computador.

Ferramentas relacionadas