Ferramentas para desenvolvedores

Conversor de cores — seletor HEX, RGB e HSL no seu navegador

Escolha uma cor e converta entre HEX, RGB e HSL — tudo sincronizado, na hora.

Esta ferramenta roda inteiramente no seu navegador. Seus arquivos nunca são enviados — eles ficam no seu dispositivo.

Uma forma rápida e confiável de converter uma cor entre os três formatos que desenvolvedores e designers mais usam. Escolha um tom com o seletor, ou digite um valor no campo HEX, RGB ou HSL — os outros formatos se atualizam no mesmo instante, com uma grande amostra ao vivo para que você veja exatamente o que tem.

Tudo é calculado diretamente no seu navegador com JavaScript puro. Não há nada para instalar, nenhuma conta para criar e nenhum dado enviado para lugar nenhum.

Como usar Conversor de cores

  1. Use o seletor de cores, ou digite um valor no campo HEX, RGB ou HSL.
  2. Veja a amostra e os outros dois formatos se atualizarem na hora para combinar.
  3. Ajuste qualquer canal individual (R, G, B, H, S ou L) e o restante permanece sincronizado.
  4. Clique no botão Copiar ao lado de um formato para colocá-lo na área de transferência.

Perguntas frequentes

Quais formatos de cor ele suporta?

HEX (ex.: #4f46e5), RGB (ex.: rgb(79, 70, 229)) e HSL (ex.: hsl(245, 76%, 59%)). Edite qualquer um deles e os outros dois são recalculados automaticamente.

Meus dados são enviados para um servidor?

Não. As conversões rodam inteiramente no seu navegador, usando JavaScript. Nada do que você digita é enviado ou armazenado em lugar nenhum.

Posso colar um valor HEX com ou sem o sinal #?

Sim. Tanto o HEX de 3 dígitos (#abc) quanto o de 6 dígitos (#aabbcc) são aceitos, com ou sem o # no início.

Ele lida com transparência ou canais alfa?

Ele foca em cores opacas em HEX, RGB e HSL. O alfa (RGBA/HSLA) não é convertido, para que os valores permaneçam limpos e previsíveis.

Ferramentas relacionadas