កូដ HEX រៀបបីលេខ 8-bit ទៅក្នុងខ្ទង់ហិចសាឡើមែតិកប្រហែល ៦។ ការបំលែង HEX ទៅ RGB មានន័យថាចែកខ្ទង់ទាំងនោះជាគូ ហើយអានគូណិមួយៗជាលេខទសភាគពី 0 ទៅ 255 — ត្រឹមត្រូវនឹងតម្លៃដែល CSS, Figma និងកម្មវិធីកែរូបភាពរំពឹង។
របៀបធ្វើការរបស់ការបំលែងពី HEX ទៅ RGB
- លុបសញ្ញា # មុខ និង ប្រសិនបើកូដមានតែ ៣ ខ្ទង់ បង្កើនរាល់ខ្ទង់ពីរដង៖ #f53 ក្លាយជា #ff5533។
- ចែកខ្ទង់៦ទៅជាគូបី — RR, GG និង BB។
- អានគូណិមួយៗជាលេខគ្រឹះ-16 ហើយបំលែងទៅគ្រឹះ-10: FF ក្លាយជា 255, 57 ក្លាយជា 87, 33 ក្លាយជា 51។
- សរសេរវាជា rgb(R, G, B)។
ឧទាហរណ៍ដែលបានដំណើរការ
ការបំលែងនេះមានភាពច្បាស់លាស់។ HEX និង RGB ពិពណ៌នាទិន្នន័យ sRGB ដូចគ្នា ក្នុងទ្រង់ទ្រាយផ្សេងគ្នា ដូច្នេះគ្មានអ្វីត្រូវបានបត់ចោលឬបាត់បង់នៅទិសណាមួយ។
HEX និង RGB ពន្យល់
HEX ជាអ្វី?
កូដ HEX គឺជាលេខហិចសាឡើមែតិកមាន៦ខ្ទង់ដែលផ្ទុកប៉ាតេនដូចជា red, green និង blue ជាមួយសញ្ញា # នៅដើម។ គ្រាប់លេខនីមួយៗពីរគ្នាតំណាងឲ្យមួយប៉ាតេន ចាប់ពី 00 (គ្មាន) ដល់ FF (ពេញ) ដែលបង្កើតពណ៌ចំនួនដូចជា RGB (16.7 លាន) ក្នុងទ្រង់ទ្រាយកាត់សង្ខេប។ HEX ជាជម្រើសលំនាំមុនកាលនៅក្នុង CSS, កម្មវិធីរចនា និងមគ្គុទេសក៍ម៉ាក។
- វេយ្យាករណ៍:
- #RRGGBB
- ចន្លោះ:
- 00–FF per channel
- ល្អសម្រាប់:
- CSS, ផ្តល់ការងាររចនា, គោលការណ៍ម៉ាក
RGB ជាអ្វី?
RGB ពិពណ៌នាពណ៌ជាប៉ាតេនភ្លើងបី — ស្រមោលក្រហម, បៃតង និងខៀវ — រាល់យ៉ាងចាប់ពី 0 ទៅ 255។ វាស្រដៀងនឹងរបៀបដែលអេក្រង់ធ្វើការ: ទាំងបីនៅ 255 ផ្តល់ស, ទាំងបីនៅ 0 ផ្តល់អំបូរ។ RGB គឺជាជម្រើសត្រូវពេលដែលអ្នកត្រូវគណនាជាមួយពណ៌ ហើយ rgba() បន្ថែមភាពថ្លាថ្លា។
- វេយ្យាករណ៍:
- rgb(R, G, B)
- ចន្លោះ:
- 0–255 per channel
- ល្អសម្រាប់:
- កូដ, canvas, ភាពថ្លាថ្លាជាមួយ rgba()
HEX to RGB reference table
ពណ៌ CSS ដែលប្រើជាទូទៅជាងគេ ដែលបានបំលែងពី HEX ទៅ RGB។
| ពណ៌ | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |