การแปลงสี RGB เป็น Hex

ป้อนระดับสีแดง เขียว และน้ำเงิน (0..255) แล้วกด ปุ่ม แปลง :

ตารางสี RGB ถึง Hex

สี ชื่อ	(อาร์,จี,บี)	เลขฐานสิบหก
สีดำ	(0,0,0)	#000000
สีขาว	(255,255,255)	#FFFFFF
สีแดง	(255,0,0)	#FF0000
มะนาว	(0,255,0)	#00FF00
สีฟ้า	(0,0,255)	#0000FF
สีเหลือง	(255,255,0)	#FFFF00
สีฟ้า	(0,255,255)	#00FFFF
สีม่วงแดง	(255,0,255)	#FF00FF
เงิน	(192,192,192)	#C0C0C0
สีเทา	(128,128,128)	#808080
สีน้ำตาลแดง	(128,0,0)	#800000
มะกอก	(128,128,0)	#808000
สีเขียว	(0,128,0)	#008000
สีม่วง	(128,0,128)	#800080
นกเป็ดน้ำ	(0,128,128)	#008080
กองทัพเรือ	(0,0,128)	#000080

การแปลง RGB เป็นฐานสิบหก

แปลงค่าสีแดง สีเขียว และสีน้ำเงินจากทศนิยมเป็นเลขฐานสิบหก
เชื่อมค่าเลขฐานสิบหก 3 ของสีแดง เขียว และน้ำเงินเข้าด้วยกัน: RRGGBB

ตัวอย่าง #1

แปลงสีแดง (255,0,0) เป็นรหัสสีฐานสิบหก:

R = 255₁₀ = FF₁₆

G = 0₁₀ = 00₁₆

B = 0₁₀ = 00₁₆

รหัสสีฐานสิบหกคือ:

Hex = FF0000

ตัวอย่าง #2

แปลงสีทอง (255,215,0) เป็นรหัสสีฐานสิบหก:

R = 255₁₀ = FF₁₆

G = 215₁₀ = D7₁₆

B = 0₁₀ = 00₁₆

รหัสสีฐานสิบหกคือ:

Hex = FFD700

การแปลงฐานสิบหกเป็น RGB ►

1. การแปลงสี RGB เป็น Hex: คู่มือ

การแปลงสี RGB เป็นฐานสิบหกอาจเป็นงานที่น่ากลัวสำหรับนักออกแบบเว็บไซต์แต่ด้วยความเข้าใจเล็กน้อยเกี่ยวกับวิธีการทำงานของสีฐานสิบหก อาจเป็นกระบวนการที่ง่าย

สีฐานสิบหกประกอบด้วยเลขฐานสิบหกสามหลัก หรืออักขระฐานสิบหกหกตัวอักขระสองตัวแรกแสดงถึงองค์ประกอบสีแดงของสี อักขระสองตัวที่สองแสดงถึงองค์ประกอบสีเขียว และอักขระสองตัวสุดท้ายแสดงถึงองค์ประกอบสีน้ำเงิน

ตัวอย่างเช่น สีฐานสิบหก #FF0000 จะเป็นสีแดง เนื่องจากองค์ประกอบสีแดงอยู่ที่ค่าสูงสุด (FF)สีฐานสิบหก #00FF00 จะเป็นสีเขียว เนื่องจากส่วนประกอบสีเขียวอยู่ที่ค่าสูงสุด (00)และสีฐานสิบหก #0000FF จะเป็นสีน้ำเงิน เนื่องจากองค์ประกอบสีน้ำเงินอยู่ที่ค่าสูงสุด (0000)

เมื่อแปลง RGB เป็นฐานสิบหก คุณเพียงแค่แปลงค่า RGB แต่ละค่าให้เทียบเท่าฐานสิบหกดังนั้นค่า RGB ของ (255,0,0) จะเป็นเลขฐานสิบหก

2. การแปลงสี RGB เป็น Hex: พื้นฐาน

RGB ย่อมาจาก Red, Green และ Blueเลขฐานสิบหกเป็นระบบตัวเลขที่ใช้ในการคำนวณซึ่งประกอบด้วยสัญลักษณ์ 16 ตัว 0-9 และ AFเลขฐานสิบหกนำหน้าด้วยสัญลักษณ์ "#"

เมื่อคุณต้องการสร้างสีบนคอมพิวเตอร์ คุณต้องระบุจำนวนสีแต่ละสีจากสามสีสิ่งนี้ทำได้โดยใช้เลขฐานสิบหกตัวอย่างเช่น ถ้าคุณต้องการสร้างสีน้ำเงินเข้ม คุณควรใช้รหัส "000080"

หากต้องการแปลงสีจาก RGB เป็นฐานสิบหก ให้แยกตัวเลขออกเป็นองค์ประกอบสีแดง เขียว และน้ำเงิน จากนั้นแปลงแต่ละองค์ประกอบเป็นฐานสิบหกตัวอย่างเช่น รหัส "FF0000" จะถูกแปลงเป็น "สีแดง: 255, สีเขียว: 0, สีน้ำเงิน: 0"

3. การแปลงสี RGB เป็น Hex: เทคนิคขั้นสูงเพิ่มเติม

การแปลงสี RGB เป็น Hex อาจยุ่งยากเล็กน้อย แต่ด้วยขั้นตอนง่ายๆ ไม่กี่ขั้นตอน

ขั้นแรก มาดูรูปแบบสี RGBRGB ย่อมาจาก Red, Green และ Blue เป็นระบบที่ใช้สร้างสีทั้งหมดบนหน้าจอคอมพิวเตอร์แต่ละสีประกอบด้วยสามตัวเลข หนึ่งสำหรับแต่ละสีตัวเลขต่ำสุดคือปริมาณสีแดงในสี ตัวเลขตรงกลางคือปริมาณสีเขียว และตัวเลขสูงสุดคือปริมาณสีน้ำเงิน

ในการแปลง RGB เป็น Hex ก่อนอื่นคุณต้องค้นหา Hex ที่เทียบเท่าของแต่ละสีมีเครื่องมือออนไลน์มากมายที่สามารถช่วยคุณได้ หรือคุณสามารถใช้แผนภูมิสีอย่างที่แสดงด้านล่างเมื่อคุณมีค่า Hex สำหรับแต่ละสีแล้ว คุณเพียงแค่เพิ่มเข้าด้วยกันเพื่อสร้างรหัส Hex สำหรับสีที่ต้องการ

ดูสิ่งนี้ด้วย

คุณสมบัติของเครื่องมือแปลงสี RGB เป็น Hex

แปลงค่า RGB เป็นรหัสสีเลขฐานสิบหก: เครื่องมือนี้ช่วยให้ผู้ใช้สามารถป้อนค่า RGB (แดง, เขียว, น้ำเงิน) และแปลงเป็นรหัสสีฐานสิบหกที่สอดคล้องกัน ซึ่งเป็นการแสดงสีหกหลักโดยใช้ตัวอักษร AF และตัวเลข 0 -9.
แปลงรหัสสีฐานสิบหกเป็นค่า RGB: เครื่องมือนี้ยังช่วยให้ผู้ใช้ป้อนรหัสสีฐานสิบหกและแปลงเป็นค่า RGB ที่สอดคล้องกัน
การป้อนสีแบบกำหนดเอง: ผู้ใช้สามารถป้อนค่า RGB หรือค่าเลขฐานสิบหกของตนเองเพื่อแปลงเป็นรูปแบบอื่นได้
ตัวเลือกสี: เครื่องมือแปลงสี RGB เป็นฐานสิบหกบางประเภทอาจมีคุณสมบัติตัวเลือกสี ซึ่งช่วยให้ผู้ใช้สามารถเลือกสีจากจานสีที่มองเห็นได้ หรือโดยการปรับแถบเลื่อนสำหรับค่า RGB
ดูตัวอย่างสีที่ได้: เครื่องมือควรแสดงตัวอย่างสีที่ได้หลังจากการแปลง เพื่อให้ผู้ใช้สามารถดูว่าสีนั้นเป็นอย่างไร
ตัวเลือกการจัดรูปแบบรหัสเลขฐานสิบหก: เครื่องมือบางอย่างอาจอนุญาตให้ผู้ใช้เลือกตัวเลือกการจัดรูปแบบที่แตกต่างกันสำหรับรหัสฐานสิบหก เช่น ว่าจะรวมสัญลักษณ์ "#" ที่จุดเริ่มต้นของรหัสหรือใช้ตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็ก
ฟังก์ชันคัดลอกไปยังคลิปบอร์ด: เครื่องมือนี้อาจช่วยให้ผู้ใช้สามารถคัดลอกโค้ดเลขฐานสิบหกหรือค่า RGB ที่ได้ไปยังคลิปบอร์ดเพื่อใช้ในแอปพลิเคชันอื่นๆ ได้อย่างง่ายดาย
การแปลงหลายสี: เครื่องมือบางอย่างอาจอนุญาตให้ผู้ใช้แปลงหลายสีพร้อมกัน ไม่ว่าจะโดยการป้อนค่าหลายชุดหรือโดยใช้แถบสีหรือจานสี
ไลบรารีสีหรือจานสี: เครื่องมือบางอย่างอาจรวมถึงไลบรารีหรือจานสีของสีที่กำหนดไว้ล่วงหน้า ซึ่งผู้ใช้สามารถเลือกจากหรือใช้เป็นข้อมูลอ้างอิงได้
การออกแบบที่ตอบสนองตามอุปกรณ์: เครื่องมือควรตอบสนองได้ดีและทำงานได้ดีบนอุปกรณ์ต่างๆ เช่น คอมพิวเตอร์เดสก์ท็อป แท็บเล็ต และสมาร์ทโฟน