AbraCalc

Conversor de Hex para RGB Normalizado

Converta uma cor hex para valores RGB normalizados em ponto flutuante (0.0–1.0) para uso em WebGL, shaders GLSL e gráficos 3D.

Incorporar esta ferramenta no seu site
Citar esta ferramenta

APA

AbraCalc. (2026). Conversor de Hex para RGB Normalizado [Online calculator]. Retrieved from https://abracalc.com/pt/hex-para-rgb-normalizado/

BibTeX

@misc{abracalc-hex-para-rgb-normalizado, author = {AbraCalc}, title = {Conversor de Hex para RGB Normalizado}, year = {2026}, howpublished = {\url{https://abracalc.com/pt/hex-para-rgb-normalizado/}} }

Esta ferramenta respondeu à sua pergunta?

Como usar esta ferramenta

  1. Informe uma cor hex (ex.: #3a86ff).
  2. Cada canal é dividido por 255 para produzir um float em [0.0, 1.0].
  3. Cole a saída vec3() diretamente no seu código de shader GLSL.

WebGL, shaders GLSL e muitas APIs 3D esperam RGB como floats em [0, 1]. Informe uma cor hex e obtenha a representação vec3 normalizada instantaneamente.

Fórmula

Given a hex color #RRGGBB, each normalized float channel is:

Rn = parseInt(RR, 16) / 255

Gn = parseInt(GG, 16) / 255

Bn = parseInt(BB, 16) / 255

Each result is rounded to 4 decimal places. The GLSL vec3 form is: vec3(Rn, Gn, Bn).

Perguntas frequentes

Por que o WebGL usa o intervalo 0–1?
OpenGL e WebGL trabalham em coordenadas de dispositivo normalizadas em todo o pipeline. Usar 0–1 para componentes de cor é consistente com esse design e evita overflow de inteiros.
O que é um vec3 do GLSL?
Um vec3 do GLSL é um vetor de ponto flutuante de três componentes. Em shaders, vec3(r,g,b) representa uma cor RGB.

Referências e fontes