ตัวแปลง HEX เป็น RGB

ตารางค่า HEX เป็น RGB

นี่คือตารางสีที่ละเอียดพร้อมค่าระบบฐานสิบหก (HEX) และค่าระบบ RGB ที่สอดคล้องกัน ตารางนี้ครอบคลุมสีที่มักใช้ในงานออกแบบและการพัฒนา

ชื่อสี	รหัส HEX	ค่า RGB
สีดำ	#000000	rgb(0, 0, 0)
สีขาว	#FFFFFF	rgb(255, 255, 255)
สีแดง	#FF0000	rgb(255, 0, 0)
สีเขียว	#00FF00	rgb(0, 255, 0)
สีน้ำเงิน	#0000FF	rgb(0, 0, 255)
สีเหลือง	#FFFF00	rgb(255, 255, 0)
สีฟ้าอมเขียว	#00FFFF	rgb(0, 255, 255)
สีชมพูอมม่วง	#FF00FF	rgb(255, 0, 255)
สีเทา	#808080	rgb(128, 128, 128)
สีเทาเข้ม	#A9A9A9	rgb(169, 169, 169)
สีเทาอ่อน	#D3D3D3	rgb(211, 211, 211)
สีส้ม	#FFA500	rgb(255, 165, 0)
สีม่วง	#800080	rgb(128, 0, 128)
สีชมพู	#FFC0CB	rgb(255, 192, 203)
สีน้ำตาล	#A52A2A	rgb(165, 42, 42)
สีทอง	#FFD700	rgb(255, 215, 0)
สีน้ำเงินเข้ม	#000080	rgb(0, 0, 128)
สีเขียวมะกอก	#808000	rgb(128, 128, 0)
สีเขียวน้ำทะเล	#008080	rgb(0, 128, 128)
สีแดงเลือดหมู	#800000	rgb(128, 0, 0)

การแปลง HEX เป็น RGB

ใช้เครื่องมือของเราเพื่อแปลงรหัส HEX เป็นค่า RGB ได้อย่างง่ายดาย นี่คือวิธีการทำงานในเชิงเทคนิค:

1. ตัวเลขสองหลักแรกของรหัส HEX จะถูกแปลงเป็นค่าทศนิยมเพื่อกำหนดระดับสีแดง
2. ตัวเลขสองหลักตรงกลางจะถูกแปลงเป็นค่าทศนิยมเพื่อกำหนดระดับสีเขียว
3. ตัวเลขสองหลักสุดท้ายจะถูกแปลงเป็นค่าทศนิยมเพื่อกำหนดระดับสีน้ำเงิน

ทำความเข้าใจรูปแบบ HEX

รหัสสี HEX ประกอบด้วย 6 ตัวอักษร โดยปกติจะอยู่ในรูปแบบ #RRGGBB โดยที่คู่ตัวอักษรแต่ละคู่แสดงถึงส่วนประกอบของสี: สีแดง สีเขียว และสีน้ำเงิน ตัวอักษรเหล่านี้อยู่ในช่วง 0-9 และ A-F ซึ่งสอดคล้องกับค่าทศนิยม 0-15 ตัวอย่างเช่น:

#FF5733 หมายถึง:

• FF สำหรับสีแดง
• 57 สำหรับสีเขียว
• 33 สำหรับสีน้ำเงิน

แยกวิเคราะห์รหัส HEX

รหัส HEX แบ่งออกเป็นสามส่วน:

• ตัวอักษรสองตัวแรก (RR) แสดงถึงส่วนประกอบของสีแดง
• ตัวอักษรสองตัวตรงกลาง (GG) แสดงถึงส่วนประกอบของสีเขียว
• ตัวอักษรสองตัวสุดท้าย (BB) แสดงถึงส่วนประกอบของสีน้ำเงิน

ตัวอย่าง: สำหรับ #FF5733

• สีแดง: FF
• สีเขียว: 57
• สีน้ำเงิน: 33

การแปลง HEX เป็นทศนิยม

คู่ HEX แต่ละคู่ถูกแปลงจากระบบฐานสิบหก (ฐาน 16) เป็นระบบทศนิยม (ฐาน 10) โดยใช้การคูณตัวเลขแต่ละตัวด้วยเลขยกกำลังที่สอดคล้องของ 16 และรวมผลลัพธ์ สำหรับคู่ FF จะคำนวณดังนี้:

F ใน HEX = 15 ในทศนิยม ดังนั้น FF = (15 × 16^1) + (15 × 16^0) = 240 + 15 = 255 (ค่าของสีแดง)

ในทำนองเดียวกัน:

• 57 ใน HEX = (5 × 16^1) + (7 × 16^0) = 80 + 7 = 87 (ค่าของสีเขียว)
• 33 ใน HEX = (3 × 16^1) + (3 × 16^0) = 48 + 3 = 51 (ค่าของสีน้ำเงิน)

ผลลัพธ์ RGB

ดังนั้น #FF5733 จะแปลงเป็นค่า RGB คือ rgb(255, 87, 51)

ขั้นตอนการแปลงทั่วไป:

1. ดึงค่าของสีแดง สีเขียว และสีน้ำเงินจากรหัส HEX
2. แปลงคู่ HEX แต่ละคู่เป็นค่าทศนิยมโดยใช้สูตร:
   decimal = (first_digit × 16) + second_digit
3. ผลลัพธ์คือค่าของ RGB ซึ่งใช้ในการแสดงผลสีในรูปแบบดิจิทัล

ตัวอย่างการแปลง

HEX: #A52A2A

• สีแดง: A5 (HEX) = 165 (ทศนิยม)
• สีเขียว: 2A (HEX) = 42 (ทศนิยม)
• สีน้ำเงิน: 2A (HEX) = 42 (ทศนิยม)
• RGB: rgb(165, 42, 42)

นี่คือวิธีที่สี #A52A2A (สีน้ำตาล) ถูกแปลงเป็น rgb(165, 42, 42)

เกี่ยวกับเครื่องมือแปลง HEX เป็น RGB