Conversor HEX para RGB
Converta uma cor HEX em RGB e HSL com pré-visualização ao vivo.
Como usar Conversor HEX para RGB
- Digite uma cor hexadecimal como #137256.
- Copie o valor RGB ou HSL de que precisa.
Sobre Conversor HEX para RGB
HEX e RGB são a mesma cor escrita de duas formas. O RGB dá a cada canal — vermelho, verde, azul — um valor de 0 a 255; o HEX escreve esses mesmos números na base 16, dois dígitos por canal. É por isso que #137256 e rgb(19, 114, 86) são idênticos: o hexadecimal 13 é 19, o 72 é 114, o 56 é 86. A forma abreviada #abc é apenas #aabbcc com cada dígito dobrado. Ambos são aditivos — descrevem luz que uma tela emite, ao contrário da tinta CMYK no papel, onde adicionar pigmento retira luz.
O HSL é o que vale a pena entender. Ele reconstrói a mesma cor como matiz (um ângulo na roda de cores), saturação e luminosidade, então os números fazem sentido. Quer um estado de hover? Reduza a luminosidade e mantenha a matiz. Construindo uma paleta? Mantenha a matiz e varie S e L — ou deixe o gerador de tons fazer isso. Em RGB você estaria adivinhando três números interligados ao mesmo tempo. Esse é o motivo real pelo qual designers convertem.
Cole um código hexadecimal — # opcional, três dígitos ou seis — e obtenha HEX, RGB e HSL com uma amostra ao vivo enquanto digita. Ele também lê rgb(), e aceita rgba() mas descarta o alfa. Hexadecimal de oito dígitos e nomes de cores não são interpretados. Tudo roda no seu navegador. Verifique a legibilidade com o verificador de contraste.
Perguntas frequentes
Ele suporta hexadecimal de 3 dígitos?
Sim. Hexadecimal curto como #abc é expandido para #aabbcc dobrando cada dígito, e o # em si é opcional.
Por que #137256 é igual a rgb(19, 114, 86)?
Porque o hexadecimal é apenas base 16. Cada par de dígitos hexadecimais é um canal: 13 em hexadecimal é 19 em decimal, 72 é 114, e 56 é 86. Mesma cor, notação diferente.
O que é HSL e por que eu o usaria?
Matiz, saturação e luminosidade. Ele separa qual cor algo é de o quão vívida e o quão clara ela é, então você pode criar um tom, uma sombra ou um estado de hover ajustando um único número em vez de adivinhar três valores RGB novos.
Posso inserir uma cor com transparência?
Você pode colar um valor rgba(), mas o alfa é ignorado — só os canais de cor são convertidos. Códigos hexadecimais de oito dígitos com alfa não são aceitos.
Cores nomeadas como tomato ou rebeccapurple são suportadas?
Não. Esta ferramenta lê apenas hexadecimal de três ou seis dígitos e valores rgb() ou rgba().