แปลงค่าสี RGB เป็นโค้ดสี Hex

วิธีแปลง RGB เป็น hex

1. ป้อนค่าสีแดง เขียว และน้ำเงิน (0–255) ด้วยแถบเลื่อนหรือช่องตัวเลข หรือวางค่า CSS rgb()
2. โค้ด hex จะแสดงทันที พร้อมค่า HSL, HSV และ CMYK ตั้งค่า alpha ให้น้อยกว่า 1 เพื่อรับโค้ด hex 8 หลักที่มีความโปร่งใส
3. คัดลอกโค้ด hex หรือดูสูตรเพื่อเข้าใจว่าแต่ละค่าถูกแปลงอย่างไร

สูตรแปลง RGB เป็น Hex

แต่ละช่องสี RGB ที่มีค่า 0 ถึง 255 จะกลายเป็นเลขฐานสิบหกสองหลักพอดี ให้นำค่าหารด้วย 16: ผลหารที่เป็นจำนวนเต็มคือหลักแรก และเศษคือหลักที่สอง โดยเขียน 10–15 เป็น A–F ตัวอย่างสำหรับ rgb(124, 58, 237):

• แดง: 124 ÷ 16 = 7 เศษ 12 → 7C
• เขียว: 58 ÷ 16 = 3 เศษ 10 → 3A
• น้ำเงิน: 237 ÷ 16 = 14 เศษ 13 → ED

นำมาต่อกันหลัง # จะได้ #7C3AED ต้องเขียนสองหลักต่อช่องสีเสมอ: 9 ต้องเป็น 09 ไม่ใช่ 9

แปลง RGB เป็น hex ในโค้ด

• JavaScript: '#' + [r, g, b].map((v) => v.toString(16).padStart(2, '0')).join('')
• Python: '#{:02X}{:02X}{:02X}'.format(r, g, b)
• Excel และ Google Sheets: ="#"&DEC2HEX(R,2)&DEC2HEX(G,2)&DEC2HEX(B,2)
• CSS: ไม่ต้องแปลง – rgb() และโค้ด hex ใช้แทนกันได้

การเพิ่มความโปร่งใส (alpha)

สำหรับโค้ด 8 หลัก ให้นำค่าความทึบ (0–1) คูณด้วย 255 ปัดเป็นจำนวนเต็ม แล้วต่อท้ายเป็นเลขฐานสิบหกอีกสองหลัก: 0.5 × 255 = 127.5 → 128 → 80 ดังนั้น rgba(124, 58, 237, 0.5) = #7C3AED80