Ir para o conteúdo
Toolshed

Conversor de Cores

Converta cores entre HEX, RGB, HSL, HSV e CMYK na hora. Escolha da tela, verifique o contraste WCAG e veja tons claros e escuros. Grátis, no navegador.

  • Sem uploads
  • Sem limites
  • Sem cadastro

Digite HEX, RGB, HSL, HSV, CMYK ou um nome de cor CSS. Todos os formatos são atualizados na hora.

HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)

Contraste (WCAG)

Sobre branco

Texto de exemplo Aa

Taxa de contraste: 3,68:1

  • AA texto normal: falha
  • AA texto grande: passa
  • AAA texto normal: falha
  • AAA texto grande: falha

Sobre preto

Texto de exemplo Aa

Taxa de contraste: 5,71:1

  • AA texto normal: passa
  • AA texto grande: passa
  • AAA texto normal: falha
  • AAA texto grande: passa

Tons claros e escuros

Entrada:
HEX
Saída:
HEX
Roda em:
Seu dispositivo
Limite de tamanho:
Nenhum
Conta:
Não é necessária

Como usar: Conversor de Cores

  1. Digite ou escolha uma cor

    Digite um valor HEX, RGB, HSL, HSV, CMYK ou um nome de cor CSS, use o seletor de cor ou capture uma cor da sua tela.

  2. Veja todos os formatos

    HEX, RGB, HSL, HSV e CMYK são atualizados na hora, junto com as taxas de contraste e uma paleta de tons claros e escuros.

  3. Copie o que precisar

    Clique em Copiar ao lado de qualquer formato e cole no seu CSS, ferramenta de design ou código.

Por que usar Conversor de Cores no Toolshed

  • Sem uploads

    Tudo roda nesta aba do navegador. Seus arquivos nunca saem do seu dispositivo.

  • Sem limites

    Sem limite de tamanho de arquivo nem cota diária. Processe tudo o que o seu dispositivo aguentar.

  • Sem cadastro

    Sem conta, sem e-mail, sem marca d'água.

Perguntas frequentes

Quais formatos de cor posso digitar?

HEX (#rgb, #rrggbb e #rrggbbaa), rgb() e rgba(), hsl() e hsla(), hsv(), cmyk() e os 148 nomes de cor CSS, como rebeccapurple. A sintaxe moderna com espaços, como rgb(59 130 246 / 50%), também funciona.

O que significam as etiquetas AA e AAA?

Elas mostram se a cor atende às diretrizes de contraste WCAG quando usada como texto sobre branco ou preto. AA exige 4,5:1 para texto normal e 3:1 para texto grande; AAA exige 7:1 e 4,5:1.

Por que não aparece o botão Escolher da tela?

Ele usa a API EyeDropper do navegador, disponível no Chrome, Edge e outros navegadores Chromium. Nos demais, use o seletor de cor ou digite um valor.

Meus arquivos são enviados para algum lugar?

Não. Conversor de Cores roda inteiramente no seu navegador. Seus arquivos são processados no seu dispositivo e nunca são enviados a um servidor.

Existe limite de tamanho de arquivo?

Não há um limite fixo. O único limite é a memória do seu dispositivo. Arquivos muito grandes funcionam melhor em um navegador de computador.

Conversor de Cores é realmente grátis?

Sim. Não há conta nem marca d'água. Um anúncio curto opcional, ou uma espera de 20 segundos, libera cada download. É assim que mantemos o serviço gratuito.