RGB ផ្តល់ឲ្យអ្នកបីប៉ាតេនទសភាគពី 0 ទៅ 255។ ការបំលែងទៅ HEX បម្លែងរាល់ប៉ាតេនជាលេខហិចសាឡើមែតិកពីរខ្ទង់ ដូច្នេះពណ៌ទាំងមូលសមឡើងក្នុងសញ្ញាខ្លីមួយដែលគេរកឃើញនៅក្នុងbrowser, កម្មវិធីរចនា និងមគ្គុទេសក៍រចនាស្ទាយ។
របៀបធ្វើការរបស់ការបំលែងពី RGB ទៅ HEX
- យកឆានែលក្រហម ហើយចែកវาดោយ 16៖ ចំណែកគឺជាអក្សរទីមួយ ហើយសល់គឺជាអក្សរទីពីរ។
- សរសេរខ្ទង់ 10 ទៅ 15 ជាអក្សរ A ដល់ F — 255 ក្លាយជា FF។
- ធ្វើម្ដងទៀតសម្រាប់ពណ៌បៃតង និងខៀវ ហើយបំពេញលេខតែមួយជាមួយលេខសូន្យនៅខាងមុខ៖ 5 ក្លាយជា 05។
- ភ្ជាប់សំណុំទាំងបី និងដាក់ # នៅផ្នែកមុខ។
ឧទាហរណ៍ដែលបានដំណើរការ
ត្រឹមត្រូវ ប្រសិនបើឆានែលជាចំនួនគត់ពី 0 ទៅ 255។ តម្លៃមានខ្នាតដូចជា rgb(79.5, 70, 229) នឹងត្រូវបូកពុម្ពទៅជាចំនួនគត់នៅជិតបំផុត មុនសិនដោយសារ HEX មិនអាចផ្ទុកអ្វីនៅចន្លោះ។
RGB និង HEX ពន្យល់
RGB ជាអ្វី?
RGB ពិពណ៌នាពណ៌ជាប៉ាតេនភ្លើងបី — ស្រមោលក្រហម, បៃតង និងខៀវ — រាល់យ៉ាងចាប់ពី 0 ទៅ 255។ វាស្រដៀងនឹងរបៀបដែលអេក្រង់ធ្វើការ: ទាំងបីនៅ 255 ផ្តល់ស, ទាំងបីនៅ 0 ផ្តល់អំបូរ។ RGB គឺជាជម្រើសត្រូវពេលដែលអ្នកត្រូវគណនាជាមួយពណ៌ ហើយ rgba() បន្ថែមភាពថ្លាថ្លា។
- វេយ្យាករណ៍:
- rgb(R, G, B)
- ចន្លោះ:
- 0–255 per channel
- ល្អសម្រាប់:
- កូដ, canvas, ភាពថ្លាថ្លាជាមួយ rgba()
HEX ជាអ្វី?
កូដ HEX គឺជាលេខហិចសាឡើមែតិកមាន៦ខ្ទង់ដែលផ្ទុកប៉ាតេនដូចជា red, green និង blue ជាមួយសញ្ញា # នៅដើម។ គ្រាប់លេខនីមួយៗពីរគ្នាតំណាងឲ្យមួយប៉ាតេន ចាប់ពី 00 (គ្មាន) ដល់ FF (ពេញ) ដែលបង្កើតពណ៌ចំនួនដូចជា RGB (16.7 លាន) ក្នុងទ្រង់ទ្រាយកាត់សង្ខេប។ HEX ជាជម្រើសលំនាំមុនកាលនៅក្នុង CSS, កម្មវិធីរចនា និងមគ្គុទេសក៍ម៉ាក។
- វេយ្យាករណ៍:
- #RRGGBB
- ចន្លោះ:
- 00–FF per channel
- ល្អសម្រាប់:
- CSS, ផ្តល់ការងាររចនា, គោលការណ៍ម៉ាក
RGB to HEX reference table
ពណ៌ CSS ដែលប្រើជាទូទៅជាងគេ ដែលបានបំលែងពី RGB ទៅ HEX។
| ពណ៌ | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |