ตัวแปลงสี Hex เป็น RGB

ป้อนรหัสสีฐานสิบหก 6 หลักแล้วกดปุ่มแปลง :

รหัสสีฐานสิบหก (#RRGGBB)

แปลง รีเซ็ต แลกเปลี่ยน

สีแดง (R)

สีเขียว (ช)

สีฟ้า (B)

สี CSS

ดูตัวอย่างสี

ตัวแปลง RGB เป็น hex ►

ตารางสีฐานสิบหกถึง RGB

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

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

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

ตัวอย่าง #1

แปลงรหัสสี hex สีแดง FF0000 เป็นสี RGB:

Hex = FF0000

ดังนั้นสี RGB คือ:

R = FF₁₆ = 255₁₀

G = 00₁₆ = 0₁₀

B = 00₁₆ = 0₁₀

หรือ

RGB = (255, 0, 0)

ตัวอย่าง #2

แปลงรหัสสี gold hex FFD700 เป็นสี RGB:

Hex = FFD700

ดังนั้นสี RGB คือ:

R = FF₁₆ = 255₁₀

G = D7₁₆ = 215₁₀

B = 00₁₆ = 0₁₀

หรือ

RGB = (255, 215, 0)

 

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

 

---

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

• วิธีแปลง hex เป็น RGB
• ตัวแปลง RGB เป็น hex
• ตัวแปลงฐานสิบหกเป็นทศนิยม
• รหัสสี RGB

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

1. แปลงรหัสสีฐานสิบหกเป็น RGB: เครื่องมือควรสามารถแปลงรหัสสีฐานสิบหก เช่น #FF0000 เป็นค่า RGB ที่สอดคล้องกัน ซึ่งจะเป็น (255, 0, 0)

2. แปลง RGB เป็นเลขฐานสิบหก: เครื่องมือควรสามารถแปลงค่า RGB เช่น (255, 0, 0) เป็นรหัสสีเลขฐานสิบหกที่สอดคล้องกัน ซึ่งจะเป็น #FF0000

3. รองรับรูปแบบสีที่หลากหลาย: เครื่องมือควรรองรับรูปแบบสีที่หลากหลาย รวมถึงรหัสเลขฐานสิบหก 3 หลักและ 6 หลัก ตลอดจนค่า RGB ในรูปแบบต่างๆ (เช่น มีหรือไม่มีวงเล็บ มีหรือไม่มีเครื่องหมายจุลภาค)

4. แสดงตัวอย่างสี: เครื่องมือควรแสดงตัวอย่างสีที่กำลังแปลง เพื่อให้ผู้ใช้สามารถดูสีที่ได้ก่อนทำการแปลง

5. อนุญาตให้ผู้ใช้ป้อนสีด้วยตนเอง: เครื่องมือควรอนุญาตให้ผู้ใช้ป้อนรหัสสีหรือค่าในรูปแบบที่ต้องการด้วยตนเอง แทนที่จะกำหนดให้ใช้ตัวเลือกสีหรือเครื่องมือภายนอกอื่นๆ

6. รองรับการคัดลอกและวาง: เครื่องมือควรอนุญาตให้ผู้ใช้คัดลอกและวางรหัสสีหรือค่าจากแหล่งอื่นๆ เช่น โปรแกรมแก้ไขรูปภาพหรือเว็บไซต์สำหรับการแปลง

7. ให้ผลลัพธ์ที่ชัดเจนและกระชับ: เครื่องมือควรแสดงรหัสสีหรือค่าผลลัพธ์ในลักษณะที่ชัดเจนและรัดกุม ทำให้ผู้ใช้เข้าใจและใช้ผลลัพธ์การแปลงได้ง่าย

8. เป็นมิตรกับผู้ใช้: เครื่องมือควรใช้งานง่ายพร้อมอินเทอร์เฟซที่เรียบง่ายและใช้งานง่ายซึ่งทำให้ผู้ใช้ทำการแปลงได้ง่าย