محول Hex إلى RGB المُطبَّع
حوّل لونًا سداسيًا إلى قيم RGB عائمة مُطبَّعة (0.0–1.0) للاستخدام في WebGL وGLSL shaders ورسومات 3D.
هل أجابت هذه الأداة على سؤالك؟
شكرًا لك، هذا يساعدنا على تحسين الأداة.
كيفية استخدام هذه الأداة
- أدخل لونًا سداسيًا (مثال: #3a86ff).
- تُقسم كل قناة على 255 لإنتاج عدد عائم في [0.0, 1.0].
- الصق مخرجات vec3() مباشرة في كود GLSL shader الخاص بك.
تتوقع WebGL وGLSL shaders والعديد من واجهات برمجة تطبيقات 3D قيم 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 هو متجه عائم ثلاثي المكوّنات. في shaders، يمثل vec3(r,g,b) لونًا RGB.