PT

Converter RGB para HEX

Digite os valores de vermelho, verde e azul e receba o código hex para CSS, programas de design e manuais de marca.

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.

Três números, um código

Digite os valores como 13, 107, 87, como 13 107 87 ou como uma função rgb() ou rgba() completa. Cada canal de 0 a 255 vira dois dígitos hexadecimais, então 13, 107, 87 vira #0D6B57. Com transparência, o valor alfa vira um quarto par.

Códigos hex são o jeito mais compacto de passar uma cor adiante: funcionam em CSS, atributos HTML, Figma, Sketch, Photoshop e na maioria dos manuais de marca. Copie o código em maiúsculas no topo da lista.

Confira antes de usar

Abaixo do resultado você pode testar a cor contra um fundo para ver o contraste WCAG e gerar tons mais claros e mais escuros para estados de hover e bordas.

Perguntas frequentes

Posso colar valores separados por espaços?

Sim. 13 107 87, 13,107,87 e rgb(13, 107, 87) funcionam.

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.