Convertisseur Hex en RGB Normalisé
Convertissez une couleur hex en valeurs RGB flottantes normalisées (0.0–1.0) pour WebGL, les shaders GLSL et les graphismes 3D.
Cet outil a-t-il répondu à votre question ?
Merci — cela nous aide à améliorer l'outil.
Comment utiliser cet outil
- Entrez une couleur hex (par ex. #3a86ff).
- Chaque canal est divisé par 255 pour produire un flottant dans [0.0, 1.0].
- Collez le résultat vec3() directement dans votre code de shader GLSL.
WebGL, les shaders GLSL et de nombreuses API 3D attendent le RGB sous forme de flottants dans [0, 1]. Entrez une couleur hex et obtenez instantanément la représentation vec3 normalisée.
Formule
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).
Questions fréquentes
- Pourquoi WebGL utilise-t-il la plage 0–1 ?
- OpenGL et WebGL fonctionnent entièrement en coordonnées d'appareil normalisées. Utiliser 0–1 pour les composantes de couleur est cohérent avec cette conception et évite les débordements d'entiers.
- Qu'est-ce qu'un vec3 GLSL ?
- Un vec3 GLSL est un vecteur à trois composantes en virgule flottante. Dans les shaders, vec3(r,g,b) représente une couleur RGB.