HEX → RGB
Converte um código de cor hexadecimal em RGB e HSL.
Esta ferramenta funciona com JavaScript. Para usá-la, ative o JavaScript no navegador e recarregue a página.
DE #HEX PARA RGB, NA HORA.
HEX → RGB converte um código de cor hexadecimal em valores RGB e HSL. Você pode escrever o código com ou sem cerquilha; são aceitas a forma curta de três dígitos (#f00), a forma padrão de seis dígitos (#ff0000) e a forma de oito dígitos com transparência (#ff0000cc). Assim que você escreve, a prévia da cor é atualizada e os resultados aparecem: RGB, RGBA se houver transparência, HSL e uma variável CSS que dá para colar direto na sua folha de estilo.
A lista de resultados também diz se, sobre essa cor, convém colocar texto escuro ou claro; essa sugestão é calculada pelo brilho percebido da cor. Se quiser, você também pode escolher uma cor no seletor e pegar o código dela. A ferramenta funciona nos dois sentidos: quando você muda os campos RGB, o HEX também é atualizado, por isso ela divide a mesma tela com «RGB → HEX». Serve para levar ao código um valor pego em um programa de design, para converter uma cor de marca em outras notações ou para saber se uma cor é clara ou escura. A conta é feita inteiramente no seu navegador.
Do início ao fim
- Escreva o código HEX. Por exemplo #1a73e8, 1a73e8 ou, na forma curta, #17e.
- Olhe a prévia. O quadro de cor e todos os valores são atualizados assim que você escreve.
- Copie o valor. Copie a linha de RGB, HSL ou variável CSS e use.
Perguntas frequentes
Quanto dá #1a73e8 em RGB?
rgb(26, 115, 232). Os dois primeiros dígitos dão o vermelho, os dois seguintes o verde e os dois últimos o azul, em base hexadecimal.
O que quer dizer um HEX de oito dígitos?
Os dois últimos dígitos são a transparência: ff totalmente opaco, 00 totalmente transparente. #1a73e880 é um azul semitransparente e no resultado aparece como RGBA.
Como um HEX curto (#f00) é expandido?
Cada dígito é escrito duas vezes: #f00 vira #ff0000. A ferramenta faz isso sozinha.
Os dados que eu insiro são enviados ao servidor?
Não. Esta ferramenta funciona inteiramente no navegador; nada do que for digitado ou adicionado é enviado ao servidor da RUPO Studio. Com a página aberta, continua a funcionar mesmo sem ligação à internet. Não é preciso conta. O uso é gratuito: não há limite por hora nem por dia, e não é preciso assistir a anúncios antes de ver o resultado.
Mais ferramentas de Ferramentas para criadores
RUPO Studio