Conversor de cores HEX, RGB e HSL

Para que serve

Este conversor cobre as três notações de cor que você escreve em CSS: HEX, RGB e HSL. Dá para colar um hexadecimal curto como #FA0 ou completo como #FFAA00, digitar os canais de rgb() ou os valores de matiz, saturação e luminosidade de hsl(), ou abrir o seletor de cores nativo e escolher visualmente — o campo de texto continua editável. A ferramenta lê os três primeiros canais e devolve HEX, RGB e HSL normalizados junto com uma amostra da cor; quando o valor não pode ser interpretado, ela mostra um status de cor inválida em vez de chutar um resultado. Vale deixar os limites explícitos, porque as páginas concorrentes costumam empilhar recursos bem além disso. O alfa é o primeiro: rgba() e hsla() são aceitos na entrada, mas a transparência é ignorada e nunca aparece na saída, então não existe RGBA nem hexadecimal de oito dígitos. Também não há CMYK nem qualquer conversão voltada para impressão, nem Pantone, nem HSV, LAB, LCH ou OKLCH, nem perfis de cor, nem nomes de cor CSS. A página não gera paletas ou harmonias, não avalia contraste WCAG, não tem conta-gotas, não aceita upload de imagem e não faz conversão em lote nem download de arquivo. É uma cor, reescrita de três formas, na hora. Os valores digitados e as conversões ficam no seu navegador e nunca são enviados à LocalTools.

Como usar

1. Cole um valor HEX, RGB ou HSL, ou escolha uma cor no seletor nativo.
2. Os três primeiros canais são lidos e convertidos em HEX, RGB e HSL normalizados.
3. Confira a amostra, copie a notação desejada e observe o aviso quando o valor for inválido.

Privacidade

Esta ferramenta roda inteiramente no seu navegador. O que você digita nunca é enviado, salvo ou compartilhado — fechar a aba já remove tudo.

Perguntas frequentes

Como converter uma cor HEX para RGB no conversor online?

Cole o código hexadecimal e cada par de dígitos vira um canal de 0 a 255. O RGB e o HSL correspondentes aparecem na mesma tela, junto com a amostra da cor.

Posso colar um HEX de 3 dígitos como #FA0?

Pode. A forma curta é expandida repetindo cada dígito, então #FA0 equivale a #FFAA00. A saída é sempre normalizada em seis dígitos.

Preciso incluir o símbolo # ao inserir um valor HEX?

Não é obrigatório: o valor é interpretado com ou sem o #. O que importa é ter três ou seis dígitos hexadecimais válidos; caso contrário, a ferramenta marca a cor como inválida.

Qual a diferença entre HEX, RGB, HSL e CMYK?

HEX, RGB e HSL descrevem a mesma cor sRGB da tela de três jeitos, e são justamente os três formatos convertidos aqui. CMYK é um modelo de impressão e está fora do escopo desta ferramenta.

A transparência de um rgba() é mantida?

Não. O valor rgba() ou hsla() é lido, mas apenas os três primeiros canais são convertidos: o alfa é ignorado e não aparece no resultado, nem como RGBA nem como hexadecimal de oito dígitos.