Skip to main content

แผนภูมิรหัสสี RGB ถึง Hexadecimal

Anonim

เมื่อคุณเพิ่มสีลงในเว็บไซต์คุณน่าจะทำเช่นนี้กับค่าสี RGBA หรือด้วยรหัสฐานสิบหกที่ล้าสมัย ในขณะที่ RGBA เสนอนักออกแบบเว็บให้ได้ความเป็นไปได้ที่ดีส่วนหนึ่งมาจากการรวมช่องทาง "alpha channel" ไว้ด้วย ยังไม่ได้สนับสนุนเบราว์เซอร์ทั้งหมด RGBA (IE รุ่นเก่าส่วนใหญ่ไม่มี RGBA support) ซึ่งหมายความว่ารหัสฐานสิบหกยังคงเป็นวิธีที่นิยมมากที่สุดในการเพิ่มสีสันให้กับเว็บไซต์ผ่านสไตล์ชีต

รหัสสีฐานสิบหกมีลักษณะเป็นอย่างไร

รหัสสีฐานสิบหกประกอบด้วย 3 กลุ่มโดยมีตัวเลข 2 หลักในแต่ละ นี่คือเครื่องหมาย # ก่อน ตัวอย่างเช่น # 000000 เป็นรหัสสำหรับสีดำ ค่า RGB (สีแดงสีเขียวและสีน้ำเงิน) สำหรับสีนี้คือ R: 0, B: 0, G: 0

ในกรณีนี้การแปลงทำได้ง่ายเพราะสีดำเป็นเลขศูนย์ทั้งหมด แต่อย่างใด แต่สีอื่น ๆ จะไม่ง่ายเหมือนกัน ตัวอย่างเช่น RGB สำหรับสีแดงที่เป็นตัวหนาคือ R: 255, G: 0, B: 0 และรหัสฐานสิบหกคือ # ff0000 ค่า R จะแปลเป็น ff ในขณะที่ค่า G และ B เป็นศูนย์ สี RGB ทั้งหมดสามารถแปลงได้ด้วยวิธีนี้

ตารางนี้จะช่วยให้คุณแปลงรหัส RGB เป็นรหัส Hex ได้อย่างรวดเร็วเพื่อแก้ไขสีในตำแหน่งต่างๆ

แผนภูมิรหัสสีฐานสิบหก

RGBแม่มดRGBแม่มดRGBแม่มดRGBแม่มดRGBแม่มด
1015234103671549A205ซีดี
2025335104681559B206CE
3035436105691569C207CF
40455371066A1579 วัน208D0
50556381076B1589E209D1
60657391086C1599F210D2
707583A1096D160A0211D3
808593B1106E161A1212D4
909603C1116F162A2213D5
100A613D11270163A3214D6
110B623E11371164A4215D7
120C633F11472165A5216D8
130D644011573166A6217D9
140E654111674167A7218DA
150F664211775168A8219DB
1610674311876169A9220กระแสตรง
1711684411977170AA221DD
1812694512078171AB222DE
1913704612179172ไฟฟ้ากระแสสลับ223DF
201471471227A173AD224E0
211572481237B174AE225E1
221673491247C175AF226E2
2317744A1257D176B0227E3
2418754B1267E177B1228E4
2519764C1277F178B2229E5
261A774D12880179B3230E6
271B784E12981180B4231E7
281C794F13082181B5232E8
291D805013183182B6233E9
301E815113284183B7234EA
311F825213385184B8235EB
3220835313486185B9236อีซี
3321845413587186บริติชแอร์เวย์237ED
3422855513688187BB238EE
3523865613789188ก่อนคริสต์ศักราช239EF
362487571388A189BD240F0
372588581398B190พ.ศ.241F1
382689591408C191BF242F2
3927905A1418D192C0243F3
4028915B1428E193C1244F4
4129925C1438F194C2245F5
422A935D14490195C3246F6
432B945E14591196C4247F7
442C955F14692197C5248F8
452D966014793198C6249F9
462E976114894199C7250เอฟเอ
472F986214995200C8251FB
4830996315096201C9252เอฟซี
49311006415197202CA253FD
50321016515298203CB254FE
51331026615399204CC255FF

บทความต้นฉบับถูกเขียนขึ้นโดย Jennifer Krynin และต่อมาแก้ไขโดย Jeremy Girard