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.
Esta ferramenta respondeu à sua pergunta?
Obrigado — isso nos ajuda a melhorar a ferramenta.
Como usar esta ferramenta
- Informe uma cor hex (ex.: #3a86ff).
- Cada canal é dividido por 255 para produzir um float em [0.0, 1.0].
- 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.