Conversor de Hex a RGB Normalizado
Convierte un color hex a valores flotantes RGB normalizados (0.0–1.0) para usar en WebGL, shaders GLSL y gráficos 3D.
¿Esta herramienta respondió tu pregunta?
Gracias: esto nos ayuda a mejorar la herramienta.
Cómo usar esta herramienta
- Ingresa un color hex (por ejemplo #3a86ff).
- Cada canal se divide entre 255 para producir un flotante en [0.0, 1.0].
- Pega el resultado vec3() directamente en tu código shader GLSL.
WebGL, los shaders GLSL y muchas APIs 3D esperan RGB como flotantes en [0, 1]. Ingresa un color hex y obtén la representación vec3 normalizada al instante.
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).
Preguntas frecuentes
- ¿Por qué WebGL usa el rango 0–1?
- OpenGL y WebGL trabajan en coordenadas de dispositivo normalizadas en todo momento. Usar 0–1 para los componentes de color es consistente con este diseño y evita desbordamientos de enteros.
- ¿Qué es un vec3 de GLSL?
- Un vec3 de GLSL es un vector de punto flotante de tres componentes. En los shaders, vec3(r,g,b) representa un color RGB.