แปลง RGB เป็น HEX
เปลี่ยนค่าสีแดง เขียว และน้ำเงินตั้งแต่ 0 ถึง 255 เป็นรหัสสี HEX ที่พร้อมใช้ใน CSS และแอปออกแบบ
ป้อนค่า rgb
ผลลัพธ์ · HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
วิธีใช้งาน: แปลง RGB เป็น HEX
- 1
ใส่สี
พิมพ์รหัสสีหรือเลือกสีด้วยตัวเลือกสี ทุกช่องรองรับรูปแบบที่แสดงอยู่
- 2
ดูผลการแปลง
ผลลัพธ์จะอัปเดตทันทีขณะที่คุณพิมพ์ พร้อมแสดงตัวอย่างสีแบบเรียลไทม์
- 3
คัดลอกรหัส
คัดลอกค่าที่ต้องการได้ในคลิกเดียว แล้ววางลงในงานออกแบบ CSS หรือการตั้งค่าการพิมพ์ของคุณ
เกี่ยวกับ RGB และ HEX
RGB อธิบายสีบนหน้าจอด้วยความสว่างของช่องแสงสามช่อง คือ แดง เขียว และน้ำเงิน แต่ละช่องมีค่าตั้งแต่ 0 ถึง 255 เช่น rgb(255, 61, 114) ส่วน HEX เขียนตัวเลขสามตัวเดียวกันในเลขฐาน 16 แล้วต่อกันหลังเครื่องหมาย # โดย 255 กลายเป็น FF, 61 กลายเป็น 3D และ 114 กลายเป็น 72 จึงได้ #FF3D72 ทั้งสองรูปแบบอธิบายสิ่งเดียวกัน การแปลงจึงแม่นยำทุกประการ
RGB คือค่าที่โปรแกรมกราฟิกและเครื่องมือจับภาพหน้าจอมักแสดง ส่วน HEX เป็นวิธีที่สั้นที่สุดในการวางสีลงใน CSS, HTML, Figma หรือคู่มือแบรนด์ ใส่ค่าทั้งสามช่องหรือเลือกสีในหน้าต่างเลือกสี แล้วคัดลอกผลลัพธ์ HEX โดยมีค่า HSL, HSV และ CMYK แสดงควบคู่กัน เคล็ดลับ: เมื่อแต่ละคู่ในรหัส HEX มีตัวเลขซ้ำกัน เช่น #FF3366 CSS จะรับรูปแบบย่อสามหลัก #F36 ได้ด้วย
ทุกอย่างทำงานภายในเบราว์เซอร์ของคุณ รูปภาพของคุณจะไม่ถูกอัปโหลดขึ้นเซิร์ฟเวอร์เด็ดขาด