ตัวแปลงสี (HEX → RGB / HSL)

เกี่ยวกับเครื่องคำนวณนี้

เครื่องมือนี้แปลงรหัสสี HEX อย่าง #1e6bff ให้เป็นค่าเทียบเท่าแบบ RGB (ค่าช่องสีแดง เขียว น้ำเงิน ตั้งแต่ 0–255) และ HSL (เฉดสี ความอิ่มตัว ความสว่าง) ซึ่งเป็นสามวิธีที่ต่างกันในการอธิบายสีเดียวกันเป๊ะ ตามที่เครื่องมือและรูปแบบไฟล์แต่ละอย่างต้องการ HEX เป็นรูปแบบกระชับที่พบบ่อยที่สุดใน CSS และไฟล์งานออกแบบ RGB สอดคล้องโดยตรงกับวิธีที่หน้าจอผสมแสง ส่วน HSL มักเข้าใจง่ายกว่าสำหรับคน เพราะการปรับความสว่างหรือความอิ่มตัวเพียงอย่างเดียวไม่ต้องคำนวณค่าทั้งสามช่องใหม่

ใช้โดยนักพัฒนาเว็บและนักออกแบบที่ดึงสีจากแบบร่าง แนวทางแบรนด์ หรือรูปภาพ แล้วต้องการสีนั้นในอีกรูปแบบหนึ่งสำหรับ CSS หรือฐานโค้ดของตน และโดยใครก็ตามที่ปรับความสว่างหรือความอิ่มตัวของสีอย่างละเอียด ซึ่งพบว่าคิดเป็น HSL ง่ายกว่าการเดาตัวเลข HEX เครื่องมือออกแบบอย่าง Figma และตัวเลือกสีในเครื่องมือนักพัฒนาของเบราว์เซอร์ ก็ทำการแปลงแบบเดียวกันนี้อยู่เบื้องหลังทุกครั้งที่แสดงสีให้คุณเห็นมากกว่าหนึ่งรูปแบบ