Utilore

HEX para RGB

Cole um código HEX e leia os canais RGB. #1f5fd6 vira rgb(31, 95, 214) — e se o código trouxer canal alfa, você recebe rgba() com a transparência preservada.

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

Contraste:

Como usar

  1. Cole o código HEX, com ou sem cerquilha.
  2. Leia o valor RGB abaixo; se houver alfa, aparece RGBA.
  3. Toque em «Copiar» ao lado da linha RGB.

Bom saber

O que os seis dígitos realmente dizem

HEX é uma forma de escrever três números na base 16. O primeiro par é vermelho, o segundo verde, o terceiro azul, cada um de 00 a FF — ou seja, de 0 a 255 no decimal que aparece no RGB. Um código de três dígitos como #1f5 é abreviação: cada dígito é dobrado, resultando em #11ff55.

Onde RGB é obrigatório no lugar de HEX

As APIs de canvas e SVG, os objetos de cor de Android e iOS e tudo que calcula uma cor em vez de escrevê-la trabalham por canais. RGB também é o único jeito de acrescentar transparência sem um HEX de oito dígitos que navegadores antigos leem errado.

Perguntas frequentes

Aceita HEX de oito dígitos com transparência?

Sim. O último par é o canal alfa; ele aparece como quarto valor em rgba(), convertido de 0–255 para a escala 0–1 que o CSS espera.

A cerquilha é obrigatória?

Não. Tanto «1f5fd6» quanto «#1f5fd6» são aceitos, assim como as formas curtas de três ou quatro dígitos.

Algo sai do meu navegador?

Não. A conversão é aritmética feita na página — nada é enviado nem registrado.

Ferramentas relacionadas