HEX → RGB
Converte um código de cor hexadecimal em RGB e HSL.
Esta ferramenta funciona com JavaScript. Para a usar, 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. 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 escreve, a pré-visualização 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, também pode escolher uma cor no seletor e pegar o código dela. A ferramenta funciona nos dois sentidos: quando muda os campos RGB, o HEX também é atualizado, por isso ela divide a mesmo ecrã com «RGB → HEX». Serve para levar ao código um valor pego num 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é-visualização. O fotograma de cor e todos os valores são atualizados assim que 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. A utilização é gratuita: não há limite por hora nem por dia, e não é preciso ver anúncios antes de obter o resultado.
Mais ferramentas de Ferramentas para criadores
RUPO Studio