ตัวแปลง Hex เป็น RGB แบบ Normalized
แปลงสี hex เป็นค่า float ของ RGB แบบ normalized (0.0–1.0) สำหรับใช้ใน WebGL, GLSL shader และกราฟิก 3 มิติ
เครื่องมือนี้ตอบคำถามของคุณหรือไม่
ขอบคุณ — ความเห็นนี้ช่วยให้เราปรับปรุงเครื่องมือ
วิธีใช้เครื่องมือนี้
- กรอกสี hex (เช่น #3a86ff)
- แต่ละช่องสัญญาณจะถูกหารด้วย 255 เพื่อให้ได้ float ในช่วง [0.0, 1.0]
- วางผลลัพธ์ vec3() ลงในโค้ด GLSL shader ของคุณได้โดยตรง
WebGL, GLSL shader และ API 3 มิติหลายตัวต้องการค่า RGB เป็น float ในช่วง [0, 1] กรอกสี hex เพื่อรับค่า vec3 แบบ normalized ได้ทันที
สูตร
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 ทำงานด้วยพิกัดอุปกรณ์แบบ normalized ตลอดทั้งระบบ การใช้ช่วง 0–1 สำหรับองค์ประกอบสีจึงสอดคล้องกับการออกแบบนี้และหลีกเลี่ยงการล้นของจำนวนเต็ม
- GLSL vec3 คืออะไร?
- GLSL vec3 คือเวกเตอร์ floating-point ที่มีสามองค์ประกอบ ใน shader, vec3(r,g,b) แทนสี RGB