CanDoYa
TH

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

ทำงานในเบราว์เซอร์ทั้งหมด ไม่ต้องอัปโหลด ไม่ต้องสมัครสมาชิก

ช่องสี RGB

ป้อนจำนวนเต็มตั้งแต่ 0 ถึง 255

สีที่เตรียมไว้
เลือกสี
HEX 6 หลัก#4F46E5
คู่ช่องสี HEX
4F46E5
rgb(79, 70, 229)
แชร์เครื่องมือนี้

แปลง RGB เป็น HEX ยังไง

แปลงค่าฐานสิบของสีแดง เขียว และน้ำเงินเป็นเลขฐานสิบหกคู่ละสองหลัก แล้วนำทั้งสามคู่มาต่อหลัง # ตัวอย่าง RGB(255, 87, 51) จะได้ FF, 57 และ 33 จึงเป็นสี HEX #FF5733 เครื่องมือนี้คำนวณให้ทันทีและเพิ่มคู่อัลฟาสำหรับความทึบได้

วิธีใช้งาน

  1. 1ป้อนช่องสี RGB. ป้อนค่าแดง เขียว และน้ำเงินเป็นจำนวนเต็มตั้งแต่ 0 ถึง 255 หรือปรับด้วยแถบเลื่อนที่ทำงานสอดคล้องกัน
  2. 2ดูพรีวิวสี. แถบสีและผลลัพธ์ HEX 6 หลักจะอัปเดตทันที นอกจากนี้ยังกดแถบสีเพื่อเลือกสีด้วยตาได้
  3. 3เพิ่มความทึบเมื่อจำเป็น. เปิดความทึบเพื่อสร้างโค้ด HEX 8 หลัก แล้วตั้งค่าเป็นเปอร์เซ็นต์ตั้งแต่ 0 ถึง 100
  4. 4คัดลอกโค้ด HEX. กดคัดลอกเพื่อนำโค้ดสีที่พร้อมใช้กับ CSS ไปไว้ในคลิปบอร์ด

เหมาะกับใคร

ช่องสี RGB ใช้ค่าฐานสิบตั้งแต่ 0 ถึง 255 ส่วน HEX เขียนช่องสีเดียวกันเป็นเลขฐานสิบหกสามคู่ ตั้งแต่ 00 ถึง FF ป้อนค่า เลื่อนแถบ เลือกสีที่เตรียมไว้ หรือคลิกพรีวิวเพื่อใช้ตัวเลือกสีของเบราว์เซอร์ เปิดความทึบเมื่อต้องการรูปแบบ 8 หลัก #RRGGBBAA การแปลงทำงานในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดและไม่ต้องมีบัญชี

RGBHEX
rgb(255, 0, 0)#FF0000
rgb(0, 128, 255)#0080FF
rgb(15, 23, 42)#0F172A

คำถามที่พบบ่อย

ตัวแปลง RGB เป็น HEX นี้ฟรีไหม

ฟรี ใช้ได้โดยไม่ต้องสมัคร ดาวน์โหลด หรือกังวลเรื่องจำนวนครั้ง ป้อนช่องสี RGB ใช้แถบเลื่อน หรือเลือกสี แล้วคัดลอกผลลัพธ์ได้ทันที

ค่า RGB ของฉันถูกอัปโหลดไหม

ไม่ การแปลง RGB เป็น HEX เป็นการคำนวณง่ายๆ ที่ทำงานในเบราว์เซอร์ทั้งหมด ค่าสีจะไม่ถูกอัปโหลดหรือส่งไปยังบริการแปลงภายนอก

ป้อนค่า RGB อะไรได้บ้าง

ป้อนจำนวนเต็มตั้งแต่ 0 ถึง 255 สำหรับช่องแดง เขียว และน้ำเงินแต่ละช่อง ศูนย์หมายถึงไม่มีสีนั้น ส่วน 255 คือความเข้มสูงสุด เครื่องมือจะแจ้งเตือนเลขทศนิยม ช่องว่าง และค่าที่เกินช่วงแทนที่จะเปลี่ยนค่าให้เอง

สูตรแปลง RGB เป็น HEX คืออะไร

แปลงช่อง RGB แต่ละช่องจากฐานสิบเป็นฐาน 16 แล้วเติมให้ครบสองหลัก เรียงแดง เขียว น้ำเงิน และใส่ # ไว้ข้างหน้า สำหรับ rgb(255, 87, 51) จะได้ FF, 57 และ 33 เมื่อนำมาต่อกันจึงเป็น #FF5733

สี HEX ใส่ความทึบได้ไหม

ได้ CSS รองรับรูปแบบ 8 หลัก #RRGGBBAA คู่สุดท้ายคืออัลฟา โดย 00 โปร่งใสทั้งหมดและ FF ทึบทั้งหมด เปิดความทึบในเครื่องมือเพื่อแปลงเปอร์เซ็นต์เป็นคู่สุดท้ายนี้

ตัวพิมพ์ใหญ่หรือเล็กใน HEX มีผลไหม

ไม่มี CSS ไม่แยกตัวพิมพ์ใหญ่กับเล็กของเลข HEX ดังนั้น #FF5733 และ #ff5733 คือสีเดียวกัน เครื่องมือใช้ตัวพิมพ์ใหญ่เพราะอ่านแต่ละคู่ได้ง่ายกว่า และใช้ได้ทั้งสองแบบบนหน้าเว็บ

ทำไมความทึบ 50 เปอร์เซ็นต์จึงเป็น 80 ใน HEX

ช่องอัลฟามีค่าไบต์ 256 ค่า ตั้งแต่ 00 ถึง FF ครึ่งหนึ่งของ 255 คือ 127.5 ซึ่งปัดเป็น 128 และเลขฐานสิบ 128 คือเลขฐานสิบหก 80 ดังนั้นความทึบ 50 เปอร์เซ็นต์จึงเพิ่มคู่ 80 ไว้ท้ายสุด