Ir para o conteúdo
HandfulTools

Conversor de cores (HEX, RGB, HSL, CMYK)

Cole uma cor em qualquer formato comum — #0d6e63, rgb(13,110,99) ou hsl(173,79%,24%) — e receba todos os outros formatos prontos para copiar, além de uma checagem de contraste para um texto acessível.

Funciona no seu navegador

Loading…

Como usar

  1. Digite uma cor ou use o seletor.
  2. Copie o formato que você precisa.
  3. Confira a nota de contraste sobre fundo branco e preto.

Como funciona

Todas as conversões passam pelo sRGB, o espaço de cor usado na web. HSL e HSV são rearranjos geométricos do RGB, então as conversões são exatas tirando o arredondamento. O CMYK aqui é uma conversão matemática simples; as gráficas usam perfis de cor, então a cor impressa pode ficar diferente.

As razões de contraste seguem a WCAG 2.2: pelo menos 4,5:1 para texto normal (AA), 3:1 para texto grande e 7:1 para AAA.

Exemplos

Cor da marca
#ff8800 = rgb(255, 136, 0) = hsl(32, 100%, 50%).

Usos comuns

  • Levar tokens de design de uma ferramenta para outra
  • Conferir a acessibilidade da cor do texto
  • Converter cores para variáveis CSS

Privacidade e segurança

Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos nunca são enviados para os nossos servidores — o processamento acontece no seu dispositivo e o resultado também é criado ali. Como cada ferramenta trata os arquivos

Perguntas frequentes

Cores HEX de 8 dígitos funcionam?

Funcionam. O #RRGGBBAA inclui a transparência, que aparece nas saídas rgba() e hsla().

Por que as cores impressas ficam diferentes?

As telas misturam luz (RGB) e as impressoras misturam tintas (CMYK). Use o perfil ICC da sua impressora para uma correspondência exata.

Última atualização: