हेक्स से नॉर्मलाइज़्ड RGB कन्वर्टर
WebGL, GLSL शेडर और 3D ग्राफ़िक्स में इस्तेमाल के लिए हेक्स कलर को नॉर्मलाइज़्ड RGB फ़्लोट वैल्यू (0.0–1.0) में बदलें।
क्या इस टूल से आपके सवाल का जवाब मिला?
धन्यवाद — इससे हमें टूल बेहतर बनाने में मदद मिलती है।
इस टूल का उपयोग कैसे करें
- एक हेक्स कलर डालें (जैसे #3a86ff)।
- हर चैनल को 255 से भाग देकर [0.0, 1.0] में फ़्लोट बनाया जाता है।
- vec3() आउटपुट को सीधे अपने GLSL शेडर कोड में पेस्ट करें।
WebGL, GLSL शेडर और कई 3D API RGB को [0, 1] में फ़्लोट के तौर पर एक्सपेक्ट करते हैं। एक हेक्स कलर डालें और तुरंत नॉर्मलाइज़्ड vec3 रिप्रेज़ेंटेशन पाएं।
सूत्र
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).
अक्सर पूछे जाने वाले प्रश्न
- WebGL 0–1 रेंज क्यों इस्तेमाल करता है?
- OpenGL और WebGL पूरी तरह नॉर्मलाइज़्ड डिवाइस कोऑर्डिनेट्स में काम करते हैं। कलर कॉम्पोनेंट के लिए 0–1 इस्तेमाल करना इस डिज़ाइन के साथ मेल खाता है और इंटीजर ओवरफ़्लो से बचाता है।
- GLSL vec3 क्या है?
- GLSL vec3 एक तीन-कॉम्पोनेंट फ़्लोटिंग-पॉइंट वेक्टर है। शेडर में, vec3(r,g,b) एक RGB कलर दिखाता है।