Converter HEX para RGB

Cole um código de cor hexadecimal e veja os valores RGB na hora, na sintaxe CSS moderna e na forma clássica com vírgulas.

Grátis e privado. Tudo funciona no seu navegador e nada é enviado.

Como funciona

  1. Digite a corDigite ou cole o valor no campo de entrada.
  2. Copie o resultadoO valor convertido fica no topo da lista.
  3. Explore maisOutros formatos, contraste e tons ficam logo abaixo.

De #RRGGBB para vermelho, verde e azul

Um código hex são só três números de 0 a 255 escritos em base 16: em #0D6B57 os pares 0D, 6B e 57 são vermelho 13, verde 107 e azul 87. Códigos curtos como #fa0 repetem cada dígito, e códigos de oito dígitos acrescentam um canal alfa, então #0D6B5780 é a mesma cor com cerca de 50 por cento de opacidade.

O resultado aparece como rgb(13 107 87), a sintaxe CSS moderna, e como rgb(13, 107, 87) ou rgba() para código mais antigo, programas de design e APIs de cor do Android ou iOS que esperam números separados.

Também é útil

Os valores HSL, OKLCH e CMYK ficam listados abaixo, junto com uma verificação de contraste e tons, caso você esteja montando uma paleta.

Perguntas frequentes

Como converto um código hex com transparência?

Use 8 dígitos, por exemplo #0D6B5780. Os dois últimos dígitos são o valor alfa.

Quais formatos de cor posso digitar?

Qualquer valor válido em CSS: HEX com 3, 4, 6 ou 8 dígitos, rgb(), hsl(), hwb(), lab(), oklch() e nomes de cores.

O valor CMYK é exato para impressão?

É uma conversão simples, sem perfil de impressão. Para impressão profissional, use os valores CMYK do perfil da sua gráfica.

Qual taxa de contraste eu preciso?

O WCAG AA pede 4,5:1 para texto normal e 3:1 para texto grande e elementos da interface.

Por que o OKLCH importa?

Ele acompanha a forma como as pessoas enxergam a luminosidade, então paletas e degradês feitos em OKLCH ficam uniformes.