คู่มือDeveloper Tools

วิธีใช้แปลงรหัสสี HEX RGB และ HSL

เลือก RGB แล้วกรอก 255,0,0 จะเห็น #FF0000 และ HSL 0,100,50 ถ้าต้องการใช้ HSL ให้กรอกเฉพาะตัวเลขสามค่าคั่นด้วยจุลภาค ไม่ต้องใส่ hsl() หรือเครื่องหมาย %

ภาพประกอบ วิธีใช้แปลงรหัสสี HEX RGB และ HSL

ขั้นตอนใช้งานและตรวจข้อมูล

  1. เลือก RGB ใส่ 255,0,0 แล้วตรวจ #FF0000

  2. เลือก HEX ใส่ #888 ตรวจ RGB 136,136,136 และ HSL ที่ความอิ่มสี 0

  3. คัดลอกรูปแบบที่ปลายทางรองรับ ถ้าต้องการความโปร่งใสให้กำหนดแยกในระบบปลายทาง

เปิดใช้งาน

เปิดแปลงรหัสสี HEX RGB และ 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

แหล่งอ้างอิง

เครื่องมือที่เกี่ยวข้อง

← ดูบทความทั้งหมด