Global ToolBox

Color Converter

Converta cores entre HEX, RGB e HSL instantaneamente, direto no navegador.

🔒 Processado localmente no seu navegador

Loading…

Como usar

  1. Clique no seletor de cores para escolher uma cor visualmente, ou digite um valor diretamente no campo de texto.
  2. Os valores digitados podem ser um código HEX (com ou sem o # inicial), uma string rgb()/rgba() ou uma string hsl()/hsla().
  3. Assim que uma cor válida é reconhecida, as linhas HEX, RGB e HSL abaixo são atualizadas instantaneamente — sem precisar clicar em nenhum botão.
  4. Uma grande caixa de pré-visualização mostra exatamente como a cor fica.
  5. Clique em Copiar ao lado de qualquer linha para copiar aquele formato para a área de transferência.

Funcionalidades

  • Conversão instantânea e ao vivo entre HEX, RGB e HSL
  • Aceita um valor digitado em HEX, rgb() ou hsl(), ou o seletor de cores nativo
  • Cópia em um clique para cada formato
  • 100% no navegador — seus valores de cor nunca saem do seu dispositivo
  • Nenhum upload envolvido — não há nada para enviar, para começo de conversa

Perguntas frequentes

Essa ferramenta envia meus valores de cor para algum lugar?

Não. Toda a conversão é feita com cálculos simples em JavaScript diretamente no seu navegador — nada é enviado ou carregado em um servidor.

Quais formatos posso digitar no campo de entrada?

Você pode digitar um código HEX (por exemplo, #3b82f6 ou 3b82f6), uma string rgb()/rgba() (por exemplo, rgb(59, 130, 246)) ou uma string hsl()/hsla() (por exemplo, hsl(217, 91%, 60%)).

A ferramenta suporta transparência/canal alfa?

No momento, não. Se você digitar um valor rgba() ou hsla(), o componente alfa é aceito, mas ignorado — apenas a cor opaca é convertida.

Existe um limite de quantas cores posso converter?

Não. Converta quantas cores quiser — a ferramenta simplesmente recalcula tudo instantaneamente a cada alteração na entrada.

Por que minha entrada mostrou um erro?

O texto não correspondeu a nenhum padrão reconhecido de HEX, RGB ou HSL. Verifique se ele se parece com um destes: #3b82f6, rgb(59, 130, 246) ou hsl(217, 91%, 60%).