Utilore

RGB para HEX

Cole rgb(31, 95, 214) — com vírgulas ou espaços, tanto faz — e receba #1f5fd6, pronto para CSS, um arquivo de design ou um guia de estilo.

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

Contraste:

Como usar

  1. Cole o valor RGB ou RGBA, ou escolha uma cor no seletor.
  2. Leia o código HEX acima dos demais formatos.
  3. Toque em «Copiar» ao lado da linha HEX.

Bom saber

Por que designers pedem HEX

HEX é um único bloco em vez de três números, então cola em uma especificação, um chamado ou uma conversa sem perder nenhum dígito. É também a notação que as ferramentas de design mostram por padrão, de modo que uma paleta em HEX bate com o que todo mundo está vendo.

O que acontece com o canal alfa

Se você passar rgba() com transparência, o resultado é um HEX de oito dígitos: o último par codifica o alfa de 0 a 255. Navegadores modernos leem certo; os antigos não — então mantenha rgba() onde a compatibilidade importa.

Perguntas frequentes

Preciso escrever rgb(...) em volta dos números?

A notação completa é aceita, com vírgulas ou espaços, tanto em rgb() quanto em rgba(). Valores acima de 255 são limitados ao máximo em vez de darem a volta em silêncio.

Por que meu HEX tem oito caracteres?

Porque a cor tem canal alfa. Tire a transparência e você recebe o código habitual de seis dígitos.

Algo é enviado a um servidor?

Não. Toda a conversão acontece na página, então cores de marca ainda inéditas ficam com você.

Ferramentas relacionadas