แปลงรหัสสี HEX RGB และ HSL: HEX กับ RGB บอกค่าสีชุดเดียวกัน
HEX เขียนสามช่องสีเป็นเลขฐานสิบหก ส่วน RGB ใช้จำนวนเต็ม 0–255 ต่อช่อง HSL อธิบายสีด้วยมุม Hue ความอิ่ม Saturation และความสว่าง Lightness การแปลง HSL กลับเป็น RGB มีการปัดเป็นช่องสี 8-bit
สีเดียวกันมีรูปเขียนหลายแบบ
แดง RGB 255,0,0 เขียนเป็น HEX #FF0000 ได้ เพราะ FF ฐาน 16 เท่ากับ 255 ส่วน HSL 0,100,50 อธิบายสีแดงผ่านมุมสีและสองเปอร์เซ็นต์ การเปลี่ยนรูปเขียนนี้ไม่ได้เพิ่มสีใหม่
ทำไมแปลงกลับแล้วทศนิยมไม่เหมือนเดิม
สีที่ป้อนเป็น HSL ถูกแปลงไป RGB ช่องละ 0–255 แล้วปัดเป็นจำนวนเต็มก่อนคำนวณผล HSL กลับ ความละเอียดบางส่วนจึงหายไป ควรเก็บต้นฉบับหากต้องการความแม่นยำเฉพาะทาง
สีดูสว่างไม่ได้แปลว่าอ่านชัด
L ใน HSL ไม่ได้ใช้แทน contrast ratio ถ้าจะวางข้อความบนสีนี้ ให้ตรวจคู่สีด้วยเครื่องมือ Contrast อีกครั้ง และตรวจหน้าจอจริง งานพิมพ์ต้องใช้ระบบจัดการสีเพิ่มเติม
ทดลองกับข้อมูลของคุณ
เปิดแปลงรหัสสี HEX RGB และ HSL แล้วใช้ คู่มือทีละขั้น เมื่อต้องการตรวจช่องกรอก
อ่านประกอบ: MDN: สีในรูปแบบ HSL เป็นแหล่งข้อมูลพื้นฐาน ไม่ใช่การรับรองเครื่องมือหรือผลเฉพาะของผู้ใช้
คำถามที่พบบ่อย
HEX กับ RGB บอกค่าสีชุดเดียวกัน หมายถึงอะไร?
HEX เขียนสามช่องสีเป็นเลขฐานสิบหก ส่วน RGB ใช้จำนวนเต็ม 0–255 ต่อช่อง HSL อธิบายสีด้วยมุม Hue ความอิ่ม Saturation และความสว่าง Lightness การแปลง HSL กลับเป็น RGB มีการปัดเป็นช่องสี 8-bit
ทดลองแล้วควรได้ผลอย่างไร?
255,0,0 = #FF0000 = HSL 0,100,50
มีข้อจำกัดอะไรที่ต้องตรวจ?
ไม่รองรับ alpha หรือ CMYK และอาจมีความคลาดเคลื่อนจากการปัด RGB