Softonic

Conversor de Código de Cor

Etapa 1 / 2
Próximo

Cole uma cor em hex (#ff6600 ou #f60), rgb(255, 102, 0), separada por vírgulas 255, 102, 0 ou hsl(24, 100%, 50%), e o conversor a devolve imediatamente nos outros dois formatos, com pré-visualização da amostra ao vivo e cópia com um clique por formato.

Como a conversão de código de cor funciona

  1. 1

    Insira uma cor em um formato compatível

    Hex (#abc, #abcdef), rgb(r, g, b), separada por vírgulas r, g, b ou hsl(h, s%, l%).

  2. 2

    Analisado em uma representação interna

    A ferramenta converte o valor em RGB internamente e, a partir dele, deriva os equivalentes em hex e HSL.

  3. 3

    Todos os formatos exibidos

    As cadeias hex, RGB e HSL correspondentes são mostradas lado a lado.

  4. 4

    Amostra de pré-visualização ao vivo

    Mostra a cor resultante de relance para você confirmar a conversão antes de copiar.

Formatos compatíveis

Formato Exemplo Uso
Hex 3 #F66 Abreviação; apenas para cores com dígitos repetidos
Hex 6 #FF6B6B Padrão para CSS e design gráfico
RGB rgb(255, 107, 107) CSS, JS, software de design
Separada por vírgulas 255, 107, 107 Igual a RGB sem a sintaxe de função
HSL hsl(0, 100%, 71%) Mais fácil de pensar em matiz/saturação/brilho

Quando usar qual

  • Hex para CSS estático e entrega de design.
  • RGB quando você passa os canais para JavaScript ou para o software de design.
  • HSL ao ajustar brilho ou saturação, o modelo mental é mais claro que o RGB.

Existem outros formatos como HSV, CMYK, LAB, LCH e OKLCH nas ferramentas de design. Eles descrevem a mesma cor de maneiras diferentes, mas este conversor se concentra nos três formatos web básicos acima.

Precisão

  • As conversões entre hex, RGB e HSL são exatas: hex e RGB são o mesmo modelo de cor, e o HSL é derivado do RGB com uma fórmula padrão.
  • Os valores HSL são arredondados para números inteiros, portanto uma conversão de ida e volta pode deslocar o último dígito. A cor visível é idêntica; use hex quando precisar de uma cópia exata bit a bit.

Perguntas frequentes

Hex ou rgb() para ampla compatibilidade. hsl() quando você quer legibilidade. Os navegadores modernos também suportam oklch() e outros formatos, mas o hex continua sendo o padrão mais seguro.

Não, o conversor aceita apenas cores opacas: hex de 3 ou 6 dígitos, rgb() e hsl() sem canal alpha. Mantenha rgba() ou o hex de 8 dígitos direto no seu CSS.

Não, o conversor aceita apenas os três formatos numéricos. Use um seletor de cores ou uma busca online para converter primeiro a cor nomeada em hex.

O HSL é exibido com matiz, saturação e brilho em números inteiros, então uma ida e volta pode deslocar o valor em um ponto. A cor visível é idêntica; use hex quando precisar de uma cópia exata.

Ferramentas relacionadas

Referência da Tabela ASCII

Tabela ASCII completa de 0 a 127 com valores decimais, hexadecimais, octais e binários e notação de referência numérica HTML, incluindo NUL, LF e DEL.

Referência de Caracteres HTML

Lista pesquisável de entidades HTML, seus códigos nomeados e numéricos, e uma cópia com um clique para caracteres e símbolos especiais.

Contador de FPS

Meça o FPS do navegador com requestAnimationFrame: suavização, taxa de quadros mínima e máxima, limite de alerta e gráfico opcional. Roda localmente, sem upload nem API.

Conversor de Binário para ASCII

Cole binário (bytes separados por espaço ou um longo fluxo de bits) e obtenha o texto ASCII que ele representa, decodificado 8 bits por vez.

Conversor de ASCII para Hex

Converta texto ASCII em valores de byte hexadecimal. A saída usa dois dígitos hexadecimais por caractere, prontos para dumps de memória, rastreamentos de pacotes ou tabelas de firmware.

Gerador de Cores Análogas

Crie uma paleta análoga de cinco cores a partir de qualquer cor base, com o trio clássico, dois tons externos e valores hex, RGB e HSL.