Conversor de Cores Online

Converta entre HEX, RGB, HSL e outros formatos

O Conversor de Cores é uma ferramenta essencial para designers e desenvolvedores que trabalham com cores em diferentes formatos.

Conversor de Cores
Converta cores entre HEX, RGB, RGBA, HSL, HSLA e HSB

Preview da Cor

RGB: 59, 130, 246

HSL: 217°, 91%, 60%

HEXHexadecimal

#3B82F6

RGBRed, Green, Blue

rgb(59, 130, 246)

RGBARGB com Alpha

rgba(59, 130, 246, 1)

HSLHue, Saturation, Lightness

hsl(217, 91%, 60%)

HSLAHSL com Alpha

hsla(217, 91%, 60%, 1)

HSB/HSVHue, Saturation, Brightness

hsb(217, 76%, 96%)

Clique em qualquer cor para selecioná-la

Sobre os Formatos de Cor:

  • HEX: Formato hexadecimal usado em CSS e design
  • RGB: Valores de vermelho, verde e azul (0-255)
  • HSL: Matiz, saturação e luminosidade (mais intuitivo)
  • HSB/HSV: Matiz, saturação e brilho (usado em design)

Como Usar

Siga estes passos simples para usar a ferramenta

1

Escolha o formato de entrada

Selecione o formato da cor que você tem (HEX, RGB, HSL, etc.)

2

Insira a cor

Digite o valor da cor ou use o seletor visual

3

Veja as conversões

Obtenha automaticamente a cor em todos os formatos

4

Copie o formato desejado

Clique para copiar a cor no formato que você precisa

Sobre o Conversor de Cores

O Conversor de Cores é uma ferramenta essencial para designers e desenvolvedores que trabalham com cores em diferentes formatos.

Converta facilmente entre HEX, RGB, RGBA, HSL, HSLA e HSB/HSV, com visualização em tempo real da cor.

Perfeito para trabalhar com CSS, design gráfico, desenvolvimento web e qualquer projeto que envolva cores.

Principais Recursos:

Conversão entre HEX, RGB, RGBA, HSL, HSLA e HSB
Seletor de cores visual
Preview da cor em tempo real
Suporte a transparência (alpha)
Cópia rápida de qualquer formato
Interface intuitiva
100% local e privado
Valores precisos e validados

Saiba Mais

Aprenda como converter cores entre os formatos HEX, RGB e HSL. Entenda as fórmulas matemáticas e como usar as cores corretamente no seu código.

Entendendo a Conversão HEX para RGB

O código HEX (Hexadecimal) é uma representação na base 16. Ele é composto por três pares de caracteres, onde cada par representa a intensidade de Vermelho (Red), Verde (Green) e Azul (Blue).

Para converter HEX em RGB, pegamos cada par e o convertemos para a base 10 (decimal). Por exemplo, o valor "FF" em hex é igual a 255 em decimal.

  • HEX: #FFFFFF -> RGB: 255, 255, 255
  • HEX: #000000 -> RGB: 0, 0, 0
  • Cada canal (R, G, B) varia de 0 a 255
  • O símbolo # é opcional na maioria dos conversores mas obrigatório no CSS

Como Converter RGB para HEX

Para fazer o caminho inverso, dividimos o valor decimal por 16. O quociente e o resto da divisão formam o par hexadecimal. É um processo matemático simples, mas que exige atenção aos valores acima de 9 (onde usamos A, B, C, D, E, F).

O Formato HSL: Uma Abordagem Mais Humana

Muitos designers preferem o HSL (Hue, Saturation, Lightness - Matiz, Saturação e Luminosidade) porque ele é mais intuitivo. É muito mais fácil clarear uma cor alterando a porcentagem de "Lightness" do que tentando adivinhar novos valores HEX.

Converter RGB para HSL envolve cálculos de trigonometria e frações, sendo quase impossível de fazer manualmente com rapidez. Por isso, o uso de um conversor digital é essencial.

Quer aprofundar? Leia o guia completo com mais exemplos e detalhes.

Perguntas Frequentes

Encontre respostas para as dúvidas mais comuns

Ferramentas Relacionadas

Explore mais utilitários da categoria Conversores

Dashboard FabraMoney

FabraMoney

Controle suas finanças de forma simples e inteligente

A solução completa para organizar suas finanças, definir metas e conquistar a liberdade financeira que você sempre sonhou.

Conhecer FabraMoney