>> ការគ្រប់គ្រងពណ៌
តម្លៃពណ៌ RGB លេខគោលដប់ប្រាំមួយ។
វិធីសាស្រ្តនៃការពណ៌នា និងដំណើរការពណ៌ខុសគ្នាពីគ្នាទៅវិញទៅមកក្នុងការតំណាងចុងក្រោយដែលពួកគេមានបំណងសម្រាប់។ ចូរយើងប្រៀបធៀបឧទាហរណ៍ តំណាងនៃពណ៌សម្រាប់បោះពុម្ព និងសម្រាប់ម៉ូនីទ័រកុំព្យូទ័រ។ ក្នុងករណីដំបូងមូលដ្ឋានត្រូវបានយក សពណ៌នៃក្រដាសដែលពណ៌ចម្បងបីត្រូវបានអនុវត្តជាបន្តបន្ទាប់: ខៀវ, ពណ៌ស្វាយនិង លឿង. ការលាយបញ្ចូលគ្នារវាងគ្នា និងជាមួយពណ៌សនៃក្រដាសក្នុងសមាមាត្រផ្សេងគ្នា ពណ៌ចម្បងទាំងបីនេះផ្តល់នូវស្រមោលពណ៌ផ្សេងគ្នា លើកលែងតែពណ៌ខ្មៅសុទ្ធ ឬក្នុងករណីដែលគ្មានថ្នាំលាបពេញលេញ ពួកគេផ្តល់ឱ្យក្រដាសពណ៌ស។ ប្រសិនបើយើងបន្ថែមពណ៌ខ្មៅទៅពួកគេយើងទទួលបាន CMYK- វិធីសាស្រ្តនៃការបញ្ជូនពណ៌នៅពេលដែលពណ៌ដែលត្រូវការត្រូវបានទទួលដោយដកពណ៌ដែលបាត់ពីពណ៌ស។
ក្នុងករណីទី 2 មូលដ្ឋានត្រូវបានយក ខ្មៅពណ៌នៃអេក្រង់ម៉ូនីទ័រ ដែលក្រឡានីមួយៗមានពន្លឺជាពណ៌មួយក្នុងចំណោមបីពណ៌៖ ក្រហម- ក្រហម បៃតង- បៃតងនិង ខៀវ- ខៀវ។ បន្ទាប់មក នៅក្នុងការអវត្ដមានពេញលេញនៃពន្លឺណាមួយ យើងទទួលបានពណ៌អេក្រង់ខ្មៅសុទ្ធ ហើយពណ៌ដែលត្រូវការណាមួយត្រូវបានផ្តល់ឱ្យដោយសមាមាត្រនៃពណ៌នីមួយៗនៃពណ៌ទាំងបី។ ក្នុងករណីនេះយើងនឹងទទួលបាន RGB- វិធីសាស្រ្តនៃការបញ្ជូនពណ៌។ ពណ៌ចម្បងអាចមានចាប់ពី 0
ទៅ 255
ឬពី 0%
ទៅ 100%
ឬអាចត្រូវបានតំណាងជាតម្លៃគោលដប់ប្រាំមួយ។ នៅក្នុងរូបភាពខាងក្រោម អ្នកអាចមើលឃើញលទ្ធផលនៃការលាយពណ៌ចម្បង។
ប្រព័ន្ធលេខគោលដប់ប្រាំមួយ មិនដូចប្រព័ន្ធលេខទសភាគ មិនមានដប់ខ្ទង់ទេ ប៉ុន្តែដប់ប្រាំមួយ - ដូច្នេះឈ្មោះ។ ដូច្នោះហើយ វាអាចមានវ៉ារ្យ៉ង់មិនដដែលៗនៃបន្សំនៃខ្ទង់ពីរ - 256 ដើម្បីបន្តស៊េរីលេខបន្ទាប់ 9 សំបុត្រពី កទៅ ចដូច្នេះស៊េរីនឹងមើលទៅដូចនេះ -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F ។ |
ក្នុងករណីនេះ ពណ៌ត្រូវបានបញ្ជាក់ដោយលេខគោលដប់ប្រាំបីបី ដែលនីមួយៗមានពីរខ្ទង់។ លេខទីមួយកំណត់អាំងតង់ស៊ីតេ ក្រហមពណ៌, មធ្យម - បៃតងចុងក្រោយ- ខៀវពណ៌។ លេខទាំងអស់អាចយកតម្លៃក្នុងជួរពី 00 ទៅ អេហ្វ(ពី ០ ដល់ ២៥៥)។ ឧទាហរណ៍៖ ពណ៌បៃតងត្រូវបានផ្តល់ជា #00FF00, ក្រហម - ដូច #FF0000, ខៀវ - ដូចជា #0000FF, ពណ៌ស - ដូច #FFFFFFអវត្តមានពេញលេញនៃពណ៌ឬខ្មៅត្រូវបានផ្តល់ឱ្យ #000000 .
ក្នុងទម្រង់ខាងក្រោម អ្នកអាចបញ្ជាក់តម្លៃគោលដប់ប្រាំមួយសម្រាប់ពណ៌នីមួយៗនៃពណ៌ទាំងបី ហើយមើលលទ្ធផលនៃការលាយពួកវាដោយចុចក្នុងវាលលទ្ធផល។
ឧទាហរណ៍នៃតម្លៃពណ៌ RGB លេខគោលដប់ប្រាំមួយមួយចំនួន៖ ការដាក់កម្រិតពណ៌ក្រហម ខៀវ និងបៃតង។
ទិដ្ឋភាព | កូដ | ទិដ្ឋភាព | កូដ | ទិដ្ឋភាព | កូដ | ទិដ្ឋភាព | កូដ | ទិដ្ឋភាព | កូដ | ទិដ្ឋភាព | កូដ |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
ការបញ្ជាក់ពណ៌ដោយប្រើអក្សរអក្សរ
សម្រាប់ភាពងាយស្រួលនៃការប្រើប្រាស់ ពណ៌មួយចំនួន និងបន្សំរបស់ពួកគេត្រូវបានផ្តល់ឈ្មោះដែលត្រូវបានទទួលស្គាល់ដោយកម្មវិធីរុករកទាំងអស់ ហើយវាអាចបញ្ជាក់បានច្រើនតាមឈ្មោះ។ តារាងខាងក្រោមបង្ហាញពីឈ្មោះពណ៌មួយចំនួន៖
ទិដ្ឋភាព | ឈ្មោះ | ទិដ្ឋភាព | ឈ្មោះ | ទិដ្ឋភាព | ឈ្មោះ | ទិដ្ឋភាព | ឈ្មោះ |
ស | ក្រហម | ពណ៌ទឹកក្រូច | លឿង | ||||
បៃតង | ខៀវ | ពណ៌ស្វាយ | ខ្មៅ | ||||
អាលីសប៊្លូ | វត្ថុបុរាណ | Aqua | Aquamarine | ||||
Azure | បន៍ត្នោតខ្ចី | ប៊ីស្គី | Blanchedalmond | ||||
ខៀវវីយ៉ូឡែត | ត្នោត | ប៊ឺលីវូដ | Cadetblue | ||||
Chartreuse | សូកូឡា | ផ្កាថ្ម | ផ្កាពោតខៀវ | ||||
ពោត | ពណ៌ក្រហម | ខៀវ | ពណ៌ខៀវងងឹត | ||||
ងងឹតស៊ីយ៉ាន | ដាកហ្គោលឌិនរ៉ូដ | ខ្មៅងងឹត | បៃតងងងឹត | ||||
ដាកកាគី | ពណ៌ស្វាយងងឹត | ខ្មៅងងឹត | ពណ៌ងងឹត | ||||
Darkorchid | ងងឹត | ត្រីសាល់ម៉ុន | បៃតងខ្មៅ | ||||
ពណ៌ខៀវងងឹត | ស្រទាប់ខ្មៅងងឹត | ពណ៌ងងឹត | ពណ៌ស្វាយងងឹត | ||||
Deeppink | Deepskyblue | ឌីមហ្គ្រី | Dodgerblue | ||||
ឥដ្ឋភ្លើង | ផ្កាពណ៌ស | ព្រៃឈើ | ហ្វូសៀ | ||||
ហ្គិនបូរ៉ូ | ខ្មោចពណ៌ស | មាស | Goldenrod | ||||
ប្រផេះ | លឿងបៃតង | ទឹកឃ្មុំ | ហតភីង | ||||
ជនជាតិឥណ្ឌា | Indigo | ភ្លុក | កាគី | ||||
ផ្កាឡាវេនឌឺ | ផ្កាឡាវេនឌឺ | ក្រូចឆ្មា | ខៀវស្រាល | ||||
ផ្កាថ្ម | ខៀវស្រាល | ពន្លឺត្រជាក់ | បៃតងខ្ចី | ||||
ប្រផេះស្រាល | ផ្កាឈូកស្រាល | ត្រីសាម៉ុងស្រាល | បៃតងខ្ចី | ||||
ខៀវស្រាល | ផ្ទាំងថ្ម | ខៀវស្រាល | លឿងស្រាល | ||||
កំបោរ | ក្រូចឆ្មារ | ក្រណាត់ទេសឯក | ពណ៌ស្វាយ | ||||
ម៉ារ៉ុន | Mediumaquamarine | ខៀវមធ្យម | ម័រគីដមធ្យម | ||||
ពណ៌ស្វាយមធ្យម | សមុទ្របៃតងមធ្យម | ពណ៌ខៀវមធ្យម | រដូវផ្ការីកមធ្យម | ||||
ទឹកសមុទ្រមធ្យម | ស្វាយមធ្យម | ពណ៌ខៀវកណ្តាល | ក្រែមជូរ | ||||
មីស្ទីរ៉ូស | Navajowhite | កងទ័ពជើងទឹក | Oldlace | ||||
អូលីវ | អូលីវើរ៉ាប | ពណ៌ទឹកក្រូច | អ័រគីដេ | ||||
Palegoldenrod | ស្លេក | Paletteurquoise | ប៉ាលេវីអូឡេត | ||||
ផ្លែល្ហុង | Peachpuff | ប្រទេសប៉េរូ | ផ្កាឈូក | ||||
ផ្លែព្រូន | ម្សៅខៀវ | ផ្កាឈូករ័ត្ន | Royalblue | ||||
Saddlebrown | ទឹកសមុទ្រ | សែលសែល | សៀនណា | ||||
ប្រាក់ | មេឃខៀវ | Slateblue | Slategray | ||||
ព្រិល | Springgreen | ដែកខៀវ | តាន់ | ||||
ទឹកប្រៃ | អណ្តើក | ប៉េងប៉ោះ | ពណ៌ខៀវ | ||||
វីយ៉ូឡែត | ស្រូវសាលី | ផ្សែងពណ៌ស | លឿងបៃតង |
ដោយប្រើក្ដារលាយពណ៌ដែលមានសុវត្ថិភាព
ជាអកុសល នៅលើវេទិកាផ្សេងៗគ្នា ជាមួយនឹងការកំណត់ប្រព័ន្ធផ្សេងៗគ្នា ការផលិតពណ៌ត្រឹមត្រូវគឺជាបញ្ហា។ រឿងនេះគឺថាកម្មវិធីរុករកតែងតែព្យាយាមកែតម្រូវក្ដារលាយពណ៌នៃឯកសារទៅនឹងការកំណត់ប្រព័ន្ធ និងសមត្ថភាពត្រួតពិនិត្យ ដោយលាយពណ៌ដោយឯករាជ្យ និងជំនួសពួកវា។ ជាលទ្ធផល ពេលខ្លះអ្នកប្រើប្រាស់មិនបានឃើញច្បាស់នូវអ្វីដែលអ្នកគ្រប់គ្រងគេហទំព័រចង់បង្ហាញគាត់នោះទេ។ ផ្លូវចេញពីស្ថានភាពនេះត្រូវបានរកឃើញនៅក្នុងការប្រើប្រាស់ក្ដារលាយពណ៌នីមួយៗ ដែលត្រូវបានធានាថានឹងត្រូវបានបង្ហាញស្មើៗគ្នាដោយកម្មវិធីរុករកទាំងអស់នៅលើវេទិកាផ្សេងៗគ្នា។ នេះគឺជាអ្វីដែលគេហៅថា ធានាក្ដារលាយ, ហៅផងដែរថា សុវត្ថិភាពក្ដារលាយ។ ក្ដារលាយនេះរួមបញ្ចូលពណ៌ដែលសមាសធាតុពណ៌យកតម្លៃដូចខាងក្រោម៖ 00 ,33 ,66 ,99 , ស៊ី.ស៊ី,អេហ្វតាមគ្រប់មធ្យោបាយដែលអាចធ្វើទៅបាន 216 បន្សំរបស់ពួកគេ។
ទិដ្ឋភាព | កូដ | ទិដ្ឋភាព | កូដ | ទិដ្ឋភាព | កូដ | ទិដ្ឋភាព | កូដ | ទិដ្ឋភាព | កូដ | ទិដ្ឋភាព | កូដ |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | ៦៦CC៣៣ | 669933 | 336600 | ||||||
66FF00 | ៦៦FF៣៣ | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | ០០FF៣៣ | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | ៦៦CC៦៦ | 669966 | 336633 | 003300 | ||||||
99FF99 | ៦៦FF៦៦ | 33FF66 | ០០FF៦៦ | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | ០០CC៦៦ | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33 CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99 CCCC | ៦៦ CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
៦៦ CCFF | 33 CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99 CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
០០៦៦FF | 3366CC | ០០៦៦CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | ០០៣៣ CC | 000033 | ||||||
3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
ដូចដែលអ្នកដឹង ពណ៌អាចប៉ះពាល់ដល់ស្ថានភាពរបស់មនុស្ស៖ ទាំងផ្លូវចិត្ត និងរាងកាយ។ ជារៀងរាល់ថ្ងៃ ខណៈពេលដែលកំពុងរកមើលគេហទំព័រនៅលើអ៊ីនធឺណិត ភ្នែកវាយតម្លៃរាប់លានពណ៌ និងស្រមោល។ អ្នករចនាគេហទំព័រដែលស្គាល់ចិត្តវិទ្យានៃពណ៌អាចរៀបចំអារម្មណ៍របស់អ្នកទស្សនាដើម្បីសម្រេចបាននូវគោលដៅជាក់លាក់។
នេះគឺដោយសារតែការពិតដែលថាស្រមោលខ្លះស្ងប់ស្ងាត់ហើយខ្លះទៀតផ្ទុយទៅវិញរំភើប។ បន្ទាប់យើងនឹងនិយាយអំពីរបៀបដែលពណ៌ត្រូវបានសំយោគនិងបង្ហាញដោយប្រើបច្ចេកវិទ្យាកុំព្យូទ័រ។
RGB គឺជាគំរូពណ៌ដែលតំណាងឱ្យវិធីសាស្រ្ដនៃការទទួលបានពណ៌ទាំងអស់និងស្រមោលរបស់វាដោយការលាយបញ្ចូលគ្នាក្នុងសមាមាត្រផ្សេងៗគ្នាបីផ្នែកសំខាន់ៗដែលមានដូចជា៖
- ក្រហម ( ក្រហម);
- ពណ៌បៃតង ( បៃតង);
- ពណ៌ខៀវ ( ខៀវ).
នេះគឺជាកន្លែងដែលឈ្មោះអក្សរកាត់ RGB មកពី។ ពណ៌ទាំងនេះត្រូវបានជ្រើសរើសជាពណ៌ចម្បងសម្រាប់ហេតុផលមួយ៖ ហេតុផលគឺសរីរវិទ្យានៃរីទីណានៃភ្នែកមនុស្ស និងរបៀបដែលវាយល់ឃើញពួកគេ៖
ម៉ូដែល RGB នៅតែមានប្រជាប្រិយភាពបំផុតនាពេលបច្ចុប្បន្ននេះ ហើយត្រូវបានគេប្រើដើម្បីបង្កើតពណ៌ឡើងវិញនៅលើអេក្រង់ទូរទស្សន៍ និងម៉ូនីទ័រកុំព្យូទ័រ។ ដោយសារអ្នកផលិតផ្តល់ផលិតផលរបស់ពួកគេជាមួយនឹងលក្ខណៈខុសៗគ្នា នៅឆ្នាំ 1996 ប្រព័ន្ធសំយោគពណ៌ដែលមានមូលដ្ឋានលើ RGB ដែលហៅថា sRGB ត្រូវបានបង្កើតឡើង ដែលក្រុមហ៊ុន Microsoft និង HP ធ្វើការជាមួយគ្នា។
តំណាងលេខនៃពណ៌
ដូចដែលបានរៀបរាប់ខាងលើពណ៌ RGB ត្រូវបានបង្កើតឡើងដោយការលាយពណ៌ចម្បង។ ដើម្បីពិពណ៌នាអំពីអាំងតង់ស៊ីតេនៃពួកវានីមួយៗ គ្រោងការណ៍មួយត្រូវបានអនុម័តដែលពណ៌ត្រូវបានតំណាងដោយជួរ 0-255 (8 ប៊ីត) ដែលនៅក្នុងសញ្ញាគោលដប់ប្រាំមួយត្រូវនឹង 00-FF ។
នោះគឺពណ៌ចម្បងនឹងមើលទៅដូចនេះ:
- ក្រហម - RGB (255,0,0);
- បៃតង - RGB (0,255,0);
- ខៀវ - RGB (0,0,255);
ប្រសិនបើអាំងតង់ស៊ីតេពណ៌យកតម្លៃតិចជាង 255 នោះស្រមោលផ្សេងគ្នានៃពណ៌ក្រហមបៃតងនិងខៀវត្រូវបានទទួល។ ខាងក្រោមនេះគឺជាតារាងនៃការចាប់ថ្នាក់របស់ពួកគេ ព្រមទាំងតម្លៃគោលដប់ប្រាំមួយនៃស្រមោលនីមួយៗ៖
តារាងពណ៌ RGB
តាមធម្មជាតិ បន្ថែមពីលើការចាត់ថ្នាក់នៃពណ៌ចម្បង មានពណ៌ចម្រុះ ហើយចំនួនរបស់វាមានទំហំធំណាស់។ ដូច្នេះតារាងនៃពណ៌ RGB ត្រូវបានបង្កើតឡើង ដែលបង្ហាញពីស្រមោលដែលមានស្រាប់ទាំងអស់ ក៏ដូចជាឈ្មោះ និងតំណាងលេខ ( ក្នុងទម្រង់ទសភាគ និងគោលដប់ប្រាំមួយ។).
អ្នកអាចមើលវានៅទីនេះ។ តារាងនេះធ្វើឱ្យជីវិតកាន់តែងាយស្រួលសម្រាប់អ្នករចនាគេហទំព័រ ព្រោះក្នុងរយៈពេលពីរបីវិនាទីអ្នកអាចស្វែងរកម្លប់ដែលត្រូវការ និងស្វែងរកតំណាងលេខរបស់វា។
ក្ដារលាយពណ៌ RGB សុវត្ថិភាព
ទោះយ៉ាងណាក៏ដោយ នៅចំណុចខ្លះមានបញ្ហាជាមួយនឹងការបង្ហាញពណ៌នៅក្នុងកម្មវិធីរុករកផ្សេងៗ ហើយដើម្បីដោះស្រាយវា ក្ដារលាយពណ៌ RGB ដែលគេហៅថា "សុវត្ថិភាព" ត្រូវបានចងក្រង ដែលត្រូវបានយកមកដោយការគណនាគណិតវិទ្យា។
នៅពេលដែលកម្មវិធីរុករកមិនអាចបង្ហាញពណ៌បានត្រឹមត្រូវ វានឹងព្យាយាមយកអ្វីដែលនៅជិតនឹងអ្វីដែលវាត្រូវការដោយការលាយពណ៌ដែលនៅជាប់គ្នា ហើយភាគច្រើនទំនងជាលទ្ធផលមិនអាចទទួលយកបានទាំងស្រុង៖
ដោយប្រើលេខកូដពណ៌ RGB ពីក្ដារលាយនេះ អ្នកបង្កើតគេហទំព័រអាចមានភាពស្ងប់ស្ងាត់ក្នុងចិត្តទាក់ទងនឹងការបង្ហាញពណ៌នៅលើទំព័រនៃគេហទំព័ររបស់ពួកគេ នៅពេលមើលដោយប្រើកម្មវិធីរុករកតាមអ៊ីនធឺណិត វេទិកា និងម៉ូនីទ័រផ្សេងៗ។ ទោះបីជានៅពេលនេះ តារាងនៃពណ៌សុវត្ថិភាពកំពុងបាត់បង់ភាពពាក់ព័ន្ធរបស់វា ( វឌ្ឍនភាពបច្ចេកវិទ្យានៅតែមិនស្ថិតស្ថេរ) នៅពេលប្រើវា អ្នកអាចធ្វើបានដូចដែលពួកគេនិយាយ គេងដោយសន្តិភាព។
ពណ៌មាសនៅក្នុងម៉ូដែល RGB
ពាក្យ "មាស" ត្រូវបានប្រើជាលើកដំបូងនៅដើមសតវត្សទី 14 ដើម្បីពណ៌នាអំពីពណ៌នៃធាតុគីមីហៅថា Aurum - មាស។ នៅក្នុងគំរូ RGB ពណ៌មាសត្រូវបានតំណាងដោយតម្លៃលេខខាងក្រោម៖
- RGB (255, 215, 0) - ប្រព័ន្ធទសភាគ;
- HEX #FFD700 - ប្រព័ន្ធលេខគោលដប់ប្រាំមួយ។
ពណ៌បន៍ត្នោតខ្ចីនៅក្នុងម៉ូដែល RGB
ពណ៌ Beige កាន់កាប់កន្លែងដ៏សំខាន់មួយនៅក្នុងប្រវត្តិសាស្ត្រ ទោះបីជាវាមិនមែនជាការបង្ហាញច្រើនបំផុតក៏ដោយ។ វិមានវប្បធម៌ជាច្រើន ជាពិសេសចម្លាក់បុរាណត្រូវបានធ្វើពីថ្មសាប៊ូ និងថ្មសាប៊ូដែលមានពណ៌ត្នោតខ្ចី។ នៅក្នុងគំរូ RGB ពណ៌បន៍ត្នោតខ្ចីមានតំណាងជាលេខដូចខាងក្រោម។
លេខគោលដប់ប្រាំមួយត្រូវបានប្រើដើម្បីបញ្ជាក់ពណ៌។ ប្រព័ន្ធលេខគោលដប់ប្រាំមួយ មិនដូចប្រព័ន្ធទសភាគទេ គឺផ្អែកលើឈ្មោះរបស់វាបង្ហាញនៅលើលេខ 16។ លេខនឹងមានដូចខាងក្រោម៖ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. លេខពី 10 ដល់ 15 ត្រូវបានជំនួសដោយអក្សរឡាតាំង។ លេខធំជាង 15 នៅក្នុងប្រព័ន្ធលេខគោលដប់ប្រាំមួយត្រូវបានបង្កើតឡើងដោយការបញ្ចូលលេខពីរទៅក្នុងលេខមួយ។ ឧទាហរណ៍ លេខ 255 ក្នុងគោលដប់ត្រូវគ្នានឹងលេខ FF ក្នុងគោលដប់ប្រាំមួយ។ ដើម្បីជៀសវាងការភ័ន្តច្រឡំក្នុងការកំណត់ប្រព័ន្ធលេខ និមិត្តសញ្ញាសញ្ញា # ត្រូវបានដាក់នៅពីមុខលេខគោលដប់ប្រាំមួយ ឧទាហរណ៍ #666999។ ពណ៌នីមួយៗនៃពណ៌ទាំងបី - ក្រហម បៃតង និងខៀវ - អាចយកតម្លៃពី 00 ដល់ FF ។ ដូច្នេះ និមិត្តសញ្ញាពណ៌ត្រូវបានបែងចែកជាបីផ្នែក #rrggbb ដែលនិមិត្តសញ្ញាពីរដំបូងបង្ហាញពីសមាសធាតុពណ៌ក្រហម កណ្តាលពីរ - បៃតង និងពីរចុងក្រោយ - ខៀវ។ វាត្រូវបានអនុញ្ញាតឱ្យប្រើទម្រង់អក្សរកាត់ #rgb ដែលតួអក្សរនីមួយៗគួរតែត្រូវបានកើនឡើងទ្វេដង។ ដូច្នេះ ធាតុ #fe0 គួរតែត្រូវបានចាត់ទុកជា #ffee00។
តាមឈ្មោះ
Internet Explorer | Chrome | ល្ខោនអូប៉េរ៉ា | សាហ្វារី | Firefox | ប្រព័ន្ធប្រតិបត្តិការ Android | ប្រព័ន្ធប្រតិបត្តិការ iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
កម្មវិធីរុករកគាំទ្រពណ៌មួយចំនួនតាមឈ្មោះរបស់ពួកគេ។ នៅក្នុងតារាង 1 បង្ហាញឈ្មោះ លេខកូដគោលដប់ប្រាំមួយ RGB តម្លៃ HSL និងការពិពណ៌នា។
ឈ្មោះ | ពណ៌ | កូដ | RGB | HSL | ការពិពណ៌នា |
---|---|---|---|---|---|
ស | #ffff ឬ #ffff | rgb(255,255,255) | hsl(0.0%, 100%) | ស | |
ប្រាក់ | #c0c0c0 | rgb(192,192,192) | hsl(0.0%, 75%) | ប្រផេះ | |
ប្រផេះ | #808080 | rgb(128,128,128) | hsl(0.0%,50%) | ពណ៌ប្រផេះងងឹត | |
ខ្មៅ | #000000 ឬ #000 | rgb(0,0,0) | hsl(0.0%, 0%) | ខ្មៅ | |
ពណ៌ស្វាយ | #800000 | rgb(128,0,0) | hsl(0.100%, 25%) | ពណ៌ក្រហមងងឹត | |
ក្រហម | #ff0000 ឬ #f00 | rgb(255,0,0) | hsl(0,100%, 50%) | ក្រហម | |
ទឹកក្រូច | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | ពណ៌ទឹកក្រូច | |
លឿង | #ffff00 ឬ #ff0 | rgb(255,255,0) | hsl(60,100%, 50%) | លឿង | |
អូលីវ | #808000 | rgb(128,128,0) | hsl(60,100%, 25%) | អូលីវ | |
កំបោរ | #00ff00 ឬ #0f0 | rgb(0,255,0) | hsl(120,100%, 50%) | បៃតងស្រាល | |
បៃតង | #008000 | rgb(0,128,0) | hsl(120,100%, 25%) | បៃតង | |
ទឹក | #00ff ឬ #0ff | rgb(0,255,255) | hsl(180,100%, 50%) | ខៀវ | |
ខៀវ | #0000ff ឬ #00f | rgb(0,0,255) | hsl(240,100%, 50%) | ខៀវ | |
កងទ័ពជើងទឹក | #000080 | rgb(0,0,128) | hsl(240,100%, 25%) | ពណ៌ខៀវងងឹត | |
បៃតងខ្ចី | #008080 | rgb(0,128,128) | hsl(180,100%, 25%) | ខៀវបៃតង | |
fuchsia | #ff00ff ឬ #f0f | rgb(255,0,255) | hsl(300,100%, 50%) | ផ្កាឈូក | |
ពណ៌ស្វាយ | #800080 | rgb(128,0,128) | hsl(300,100%, 25%) | វីយ៉ូឡែត |
ការប្រើប្រាស់ RGB
Internet Explorer | Chrome | ល្ខោនអូប៉េរ៉ា | សាហ្វារី | Firefox | ប្រព័ន្ធប្រតិបត្តិការ Android | ប្រព័ន្ធប្រតិបត្តិការ iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
អ្នកអាចកំណត់ពណ៌ដោយប្រើតម្លៃក្រហម បៃតង និងខៀវក្នុងន័យទសភាគ។ សមាសធាតុពណ៌ទាំងបីនីមួយៗយកតម្លៃពី 0 ដល់ 255។ វាក៏អនុញ្ញាតឱ្យបញ្ជាក់ពណ៌ជាភាគរយផងដែរ ដោយ 100% ដែលត្រូវគ្នានឹងលេខ 255។ ជាដំបូង សូមបញ្ជាក់ពាក្យគន្លឹះ rgb ហើយបន្ទាប់មកបញ្ជាក់សមាសធាតុពណ៌ក្នុងវង់ក្រចក បំបែកដោយសញ្ញាក្បៀស ឧទាហរណ៍ rgb(255, 128, 128) ឬ rgb(100%, 50%, 50%) ។
RGBA
Internet Explorer | Chrome | ល្ខោនអូប៉េរ៉ា | សាហ្វារី | Firefox | ប្រព័ន្ធប្រតិបត្តិការ Android | ប្រព័ន្ធប្រតិបត្តិការ iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
ទម្រង់ RGBA គឺស្រដៀងគ្នានៅក្នុងវាក្យសម្ព័ន្ធទៅ RGB ប៉ុន្តែរួមបញ្ចូលឆានែលអាល់ហ្វាដែលបញ្ជាក់ពីភាពថ្លារបស់ធាតុ។ តម្លៃ 0 គឺថ្លាពេញលេញ 1 គឺស្រអាប់ ហើយតម្លៃមធ្យមដូចជា 0.5 គឺពាក់កណ្តាលថ្លា។
RGBA ត្រូវបានបន្ថែមទៅ CSS3 ដូច្នេះកូដ CSS ត្រូវតែមានសុពលភាពប្រឆាំងនឹងកំណែនេះ។ វាគួរតែត្រូវបានកត់សម្គាល់ថាស្តង់ដារ CSS3 នៅតែស្ថិតក្រោមការអភិវឌ្ឍន៍ ហើយលក្ខណៈពិសេសមួយចំនួនអាចនឹងផ្លាស់ប្តូរ។ ឧទាហរណ៍ ពណ៌មួយក្នុងទម្រង់ RGB ដែលបានបន្ថែមទៅលក្ខណៈពណ៌ផ្ទៃខាងក្រោយត្រូវបានធ្វើឱ្យមានសុពលភាព ប៉ុន្តែពណ៌មួយដែលបានបន្ថែមទៅលក្ខណៈផ្ទៃខាងក្រោយលែងមានសុពលភាពទៀតហើយ។ ទន្ទឹមនឹងនេះ កម្មវិធីរុករកតាមអ៊ីនធឺណិតយល់យ៉ាងត្រឹមត្រូវអំពីពណ៌សម្រាប់លក្ខណៈសម្បត្តិទាំងពីរ។
HSL
Internet Explorer | Chrome | ល្ខោនអូប៉េរ៉ា | សាហ្វារី | Firefox | ប្រព័ន្ធប្រតិបត្តិការ Android | ប្រព័ន្ធប្រតិបត្តិការ iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
ឈ្មោះនៃទម្រង់ HSL គឺមកពីការរួមបញ្ចូលគ្នានៃអក្សរទីមួយ ពណ៌លាំ (ពណ៌លាំ) ឆ្អែត (តិត្ថិភាព) និងពន្លឺ (ពន្លឺ)។ ពណ៌លាំៗគឺជាតម្លៃពណ៌នៅលើកង់ពណ៌ (រូបភាពទី 1) ហើយត្រូវបានផ្តល់ជាដឺក្រេ។ 0° ត្រូវនឹងក្រហម 120° ទៅបៃតង និង 240° ទៅខៀវ។ តម្លៃពណ៌លាំៗអាចប្រែប្រួលពី ០ ដល់ ៣៥៩។
អង្ករ។ 1. កង់ពណ៌
តិត្ថិភាពគឺជាអាំងតង់ស៊ីតេនៃពណ៌ ហើយត្រូវបានវាស់ជាភាគរយពី 0% ទៅ 100%។ តម្លៃ 0% បង្ហាញថាគ្មានពណ៌ និងស្រមោលពណ៌ប្រផេះ 100% គឺជាតម្លៃអតិបរមាសម្រាប់ការតិត្ថិភាព។
ពន្លឺបញ្ជាក់ថាពណ៌ភ្លឺកម្រិតណា ហើយត្រូវបានបញ្ជាក់ជាភាគរយពី 0% ទៅ 100%។ តម្លៃទាបធ្វើឱ្យពណ៌ងងឹត ហើយតម្លៃខ្ពស់ធ្វើឱ្យពណ៌ស្រាលជាង តម្លៃខ្លាំងនៃ 0% និង 100% ត្រូវគ្នាទៅនឹងស។
HSLA
Internet Explorer | Chrome | ល្ខោនអូប៉េរ៉ា | សាហ្វារី | Firefox | ប្រព័ន្ធប្រតិបត្តិការ Android | ប្រព័ន្ធប្រតិបត្តិការ iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
ទម្រង់ HSLA គឺស្រដៀងគ្នានៅក្នុងវាក្យសម្ព័ន្ធទៅ HSL ប៉ុន្តែរួមបញ្ចូលឆានែលអាល់ហ្វាដើម្បីបញ្ជាក់ភាពថ្លារបស់ធាតុ។ តម្លៃ 0 គឺថ្លាពេញលេញ 1 គឺស្រអាប់ ហើយតម្លៃមធ្យមដូចជា 0.5 គឺពាក់កណ្តាលថ្លា។
តម្លៃពណ៌ RGBA, HSL, និង HSLA ត្រូវបានបន្ថែមទៅ CSS3 ដូច្នេះសូមពិនិត្យមើលកូដរបស់អ្នកសម្រាប់សុពលភាពកំណែ នៅពេលប្រើទម្រង់ទាំងនេះ។
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
ការព្រមាន
វិធីសាស្រ្តចាប់សត្វតោទាំងអស់ដែលបានរាយបញ្ជីនៅលើគេហទំព័រគឺទ្រឹស្តី និងផ្អែកលើវិធីសាស្ត្រគណនា។ អ្នកនិពន្ធមិនធានាសុវត្ថិភាពរបស់អ្នកនៅពេលប្រើពួកវា និងបដិសេធការទទួលខុសត្រូវចំពោះលទ្ធផល។ សូមចាំថា សត្វតោគឺជាសត្វមំសាសី និងជាសត្វដ៏គ្រោះថ្នាក់!
លទ្ធផលនៃឧទាហរណ៍នេះត្រូវបានបង្ហាញនៅក្នុងរូបភព។ ២.
អង្ករ។ 2. ពណ៌នៅលើទំព័របណ្តាញ
Vlad Merzhevich
នៅក្នុង HTML ពណ៌ត្រូវបានបញ្ជាក់តាមវិធីមួយក្នុងចំណោមវិធីពីរយ៉ាង៖ ដោយប្រើលេខកូដគោលដប់ប្រាំមួយ និងតាមឈ្មោះនៃពណ៌ជាក់លាក់។ វិធីសាស្រ្តផ្អែកលើប្រព័ន្ធលេខគោលដប់ប្រាំមួយគឺត្រូវបានប្រើប្រាស់ជាចម្បងព្រោះវាជាសកលបំផុត។
ពណ៌លេខគោលដប់ប្រាំមួយ។
HTML ប្រើលេខគោលដប់ប្រាំមួយដើម្បីបញ្ជាក់ពណ៌។ ប្រព័ន្ធលេខគោលដប់ប្រាំមួយ មិនដូចប្រព័ន្ធទសភាគទេ គឺផ្អែកលើឈ្មោះរបស់វាបង្ហាញនៅលើលេខ 16។ លេខនឹងមានដូចខាងក្រោម៖ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. លេខពី 10 ដល់ 15 ត្រូវបានជំនួសដោយអក្សរឡាតាំង។ នៅក្នុងតារាង 6.1 បង្ហាញការឆ្លើយឆ្លងរវាងលេខទសភាគ និងលេខគោលដប់ប្រាំមួយ។
លេខធំជាង 15 នៅក្នុងប្រព័ន្ធលេខគោលដប់ប្រាំមួយត្រូវបានបង្កើតឡើងដោយការបញ្ចូលគ្នានូវចំនួនពីរចូលទៅក្នុងមួយ (តារាង 6.2) ។ ឧទាហរណ៍ លេខ 255 ក្នុងគោលដប់ត្រូវគ្នានឹងលេខ FF ក្នុងគោលដប់ប្រាំមួយ។
ដើម្បីជៀសវាងការភាន់ច្រលំក្នុងការកំណត់ប្រព័ន្ធលេខ លេខគោលដប់ប្រាំមួយត្រូវបាននាំមុខដោយសញ្ញាសញ្ញា # ឧទាហរណ៍ #aa69cc។ ក្នុងករណីនេះ ករណីមិនមានបញ្ហាទេ ដូច្នេះអាចសរសេរ #F0F0F0 ឬ #f0f0f0។
ពណ៌ធម្មតាដែលប្រើក្នុង HTML មើលទៅដូចនេះ។
នៅទីនេះពណ៌ផ្ទៃខាងក្រោយនៃគេហទំព័រត្រូវបានកំណត់ទៅ #FA8E47។ និមិត្តសញ្ញាសញ្ញា # នៅពីមុខលេខមានន័យថាវាជាលេខគោលដប់ប្រាំមួយ។ លេខពីរខ្ទង់ដំបូង (FA) កំណត់សមាសភាគពណ៌ក្រហមនៃពណ៌ លេខទីបីដល់ខ្ទង់ទីបួន (8E) កំណត់សមាសភាគពណ៌បៃតង និងពីរខ្ទង់ចុងក្រោយ (47) កំណត់សមាសភាគពណ៌ខៀវ។ លទ្ធផលចុងក្រោយនឹងជាពណ៌នេះ។
F.A. | + | ៨ អ៊ី | + | 47 | = | FA8E47 |
ពណ៌នីមួយៗនៃបីពណ៌ - ក្រហម បៃតង និងខៀវ - អាចយកតម្លៃពី 00 ដល់ FF ដែលបណ្តាលឱ្យមានស្រមោលសរុប 256 ។ ដូច្នេះចំនួនសរុបនៃពណ៌អាចជា 256x256x256 = 16,777,216 បន្សំ។ គំរូពណ៌ដែលផ្អែកលើសមាសធាតុពណ៌ក្រហម បៃតង និងខៀវត្រូវបានគេហៅថា RGB (ក្រហម បៃតង ខៀវ)។ គំរូនេះគឺជាការបន្ថែម (ពីការបន្ថែម - បន្ថែម) ដែលការបន្ថែមនៃសមាសធាតុទាំងបីបង្កើតជាពណ៌ស។
ដើម្បីធ្វើឱ្យវាកាន់តែងាយស្រួលក្នុងការរុករកពណ៌លេខគោលដប់ប្រាំមួយ សូមពិចារណាអំពីច្បាប់មួយចំនួន។
- ប្រសិនបើតម្លៃនៃសមាសធាតុពណ៌គឺដូចគ្នា (ឧទាហរណ៍៖ #D6D6D6) នោះលទ្ធផលនឹងជាពណ៌ប្រផេះ។ លេខកាន់តែខ្ពស់ ពណ៌កាន់តែស្រាល ជាមួយនឹងតម្លៃចាប់ពី #000000 (ខ្មៅ) ដល់ #FFFFFF (ស)។
- ពណ៌ក្រហមភ្លឺត្រូវបានបង្កើតឡើង ប្រសិនបើសមាសធាតុពណ៌ក្រហមត្រូវបានបង្កើតឡើងជាអតិបរមា (FF) ហើយសមាសធាតុដែលនៅសល់ត្រូវបានកំណត់ទៅសូន្យ។ ពណ៌ដែលមានតម្លៃ #FF0000 ជាពណ៌ក្រហមដែលអាចប្រើបានបំផុត។ ដូចគ្នាដែរចំពោះពណ៌បៃតង (#00FF00) និងពណ៌ខៀវ (#0000FF)។
- ពណ៌លឿង (#FFFF00) ត្រូវបានបង្កើតឡើងដោយការលាយពណ៌ក្រហម និងបៃតង។ នេះអាចមើលឃើញយ៉ាងច្បាស់នៅលើកង់ពណ៌ (រូបភាព 6.1) ដែលបង្ហាញពណ៌ចម្បង (ក្រហម បៃតង ខៀវ) និងពណ៌បន្ថែម ឬបន្ថែម។ ទាំងនេះរួមមានពណ៌លឿង ខៀវ និងស្វាយ (ហៅម្យ៉ាងទៀតថាស្វាយ)។ ជាទូទៅពណ៌ណាមួយអាចទទួលបានដោយការលាយពណ៌នៅជិតវា។ ដូច្នេះ ពណ៌ខៀវខ្ចី (#00FFFF) ត្រូវបានទទួលដោយការផ្សំពណ៌ខៀវ និងបៃតង។
អង្ករ។ ៦.១. កង់ពណ៌
ពណ៌ដែលផ្អែកលើតម្លៃលេខគោលដប់ប្រាំមួយមិនចាំបាច់ត្រូវបានជ្រើសរើសជាលក្ខណៈជាក់ស្តែងទេ។ ចំពោះគោលបំណងនេះ កម្មវិធីនិពន្ធក្រាហ្វិកដែលអាចធ្វើការជាមួយម៉ូដែលពណ៌ផ្សេងគ្នា ឧទាហរណ៍ Adobe Photoshop គឺសមរម្យ។ នៅក្នុងរូបភព។ រូបភាព 6.2 បង្ហាញបង្អួចសម្រាប់ជ្រើសរើសពណ៌នៅក្នុងកម្មវិធីនេះ តម្លៃគោលដប់ប្រាំមួយលទ្ធផលនៃពណ៌បច្ចុប្បន្នត្រូវបានគូសបញ្ជាក់ដោយបន្ទាត់។ អ្នកអាចចម្លង និងបិទភ្ជាប់វាទៅក្នុងកូដរបស់អ្នក។
អង្ករ។ ៦.២. បង្អួចសម្រាប់ជ្រើសរើសពណ៌នៅក្នុង Photoshop
ពណ៌គេហទំព័រ
ប្រសិនបើអ្នកកំណត់គុណភាពបង្ហាញពណ៌របស់ម៉ូនីទ័រទៅជា 8 ប៊ីត (256 ពណ៌) នោះពណ៌ដូចគ្នាអាចត្រូវបានបង្ហាញខុសៗគ្នានៅក្នុងកម្មវិធីរុករកផ្សេងៗ។ នេះគឺដោយសារតែវិធីបង្ហាញក្រាហ្វិក នៅពេលដែលកម្មវិធីរុករកដំណើរការជាមួយក្ដារលាយរបស់វា ហើយមិនអាចបង្ហាញពណ៌ដែលមិនមាននៅក្នុងក្ដារលាយរបស់វា។ ក្នុងករណីនេះ ពណ៌ត្រូវបានជំនួសដោយការរួមបញ្ចូលគ្នានៃភីកសែលផ្សេងទៀត ដែលនៅជិតវា ពណ៌ដែលធ្វើតាមពណ៌ដែលបានផ្ដល់។ ដើម្បីធានាថាពណ៌នៅតែដូចគ្នានៅលើកម្មវិធីរុករកផ្សេងៗ ក្ដារលាយនៃពណ៌គេហទំព័រត្រូវបានណែនាំ។ ពណ៌គេហទំព័រគឺជាពណ៌ដែលសមាសធាតុនីមួយៗ - ក្រហម បៃតង និងខៀវ - ត្រូវបានកំណត់ទៅជាតម្លៃមួយក្នុងចំណោមតម្លៃទាំងប្រាំមួយ - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF) ។ តម្លៃលេខគោលដប់ប្រាំមួយនៃសមាសភាគនេះត្រូវបានចង្អុលបង្ហាញនៅក្នុងតង្កៀប។ ចំនួនពណ៌សរុបពីបន្សំដែលអាចធ្វើបានទាំងអស់ផ្តល់ឱ្យ 6x6x6 - 216 ពណ៌។ ឧទាហរណ៍ពណ៌គេហទំព័រគឺ #33FF66។
លក្ខណៈពិសេសចម្បងនៃពណ៌គេហទំព័រគឺថាវាលេចឡើងដូចគ្នានៅក្នុងកម្មវិធីរុករកទាំងអស់។ នៅពេលនេះ ភាពពាក់ព័ន្ធនៃពណ៌គេហទំព័រគឺតូចណាស់ដោយសារតែការធ្វើឱ្យប្រសើរឡើងនូវគុណភាពនៃម៉ូនីទ័រ និងការពង្រីកសមត្ថភាពរបស់ពួកគេ។
ពណ៌តាមឈ្មោះ
ដើម្បីកុំឱ្យចងចាំសំណុំលេខ អ្នកអាចប្រើឈ្មោះពណ៌ដែលប្រើជាទូទៅជំនួសវិញ។ នៅក្នុងតារាង 6.3 បង្ហាញឈ្មោះនៃឈ្មោះពណ៌ពេញនិយម។
ឈ្មោះពណ៌ | ពណ៌ | ការពិពណ៌នា | តម្លៃលេខគោលដប់ប្រាំមួយ។ |
---|---|---|---|
ខ្មៅ | ខ្មៅ | #000000 | |
ខៀវ | ខៀវ | #0000FF | |
fuchsia | ពណ៌ស្វាយស្រាល | #FF00FF | |
ប្រផេះ | ពណ៌ប្រផេះងងឹត | #808080 | |
បៃតង | បៃតង | #008000 | |
កំបោរ | បៃតងស្រាល | #00FF00 | |
ពណ៌ស្វាយ | ពណ៌ក្រហមងងឹត | #800000 | |
កងទ័ពជើងទឹក | ពណ៌ខៀវងងឹត | #000080 | |
អូលីវ | អូលីវ | #808000 | |
ពណ៌ស្វាយ | ពណ៌ស្វាយងងឹត | #800080 | |
ក្រហម | ក្រហម | #FF0000 | |
ប្រាក់ | ពណ៌ប្រផេះស្រាល | #C0C0C0 | |
បៃតងខ្ចី | ខៀវបៃតង | #008080 | |
ស | ស | #FFFFFF | |
លឿង | លឿង | #FFFF00 |
វាមិនមានបញ្ហាថាតើអ្នកបញ្ជាក់ពណ៌តាមឈ្មោះរបស់វា ឬដោយប្រើលេខគោលដប់ប្រាំមួយ។ វិធីសាស្រ្តទាំងនេះគឺស្មើគ្នានៅក្នុងឥទ្ធិពលរបស់វា។ ឧទាហរណ៍ 6.1 បង្ហាញពីរបៀបកំណត់ផ្ទៃខាងក្រោយ និងពណ៌អត្ថបទនៃគេហទំព័រ។
ឧទាហរណ៍ 6.1 ។ ពណ៌ផ្ទៃខាងក្រោយ និងអត្ថបទ
អត្ថបទឧទាហរណ៍
ក្នុងឧទាហរណ៍នេះ ពណ៌ផ្ទៃខាងក្រោយត្រូវបានកំណត់ដោយប្រើគុណលក្ខណៈ bgcolor នៃស្លាក
និងពណ៌អត្ថបទតាមរយៈគុណលក្ខណៈអត្ថបទ។ សម្រាប់ភាពខុសគ្នា គុណលក្ខណៈអត្ថបទត្រូវបានកំណត់ទៅជាលេខគោលដប់ប្រាំមួយ ហើយគុណលក្ខណៈ bgcolor ត្រូវបានកំណត់ទៅជាពាក្យគន្លឹះដែលបានបម្រុងទុក។នៅក្នុង HTML ពណ៌អាចត្រូវបានបញ្ជាក់តាមបីវិធី៖
កំណត់ពណ៌នៅក្នុង HTML តាមឈ្មោះរបស់វា។
ពណ៌មួយចំនួនអាចត្រូវបានបញ្ជាក់ដោយឈ្មោះរបស់ពួកគេ ដោយប្រើឈ្មោះពណ៌ជាភាសាអង់គ្លេសជាតម្លៃ។ ពាក្យគន្លឹះទូទៅបំផុត៖ ខ្មៅ ស ក្រហម បៃតង ខៀវ ។ល។
ពណ៌អត្ថបទ - ក្រហម
ពណ៌ពេញនិយមបំផុតនៃស្តង់ដារ World Wide Web Consortium (W3C)៖
ពណ៌ | ឈ្មោះ | ពណ៌ | ឈ្មោះ | ពណ៌ | ឈ្មោះ | ពណ៌ | ឈ្មោះ |
---|---|---|---|---|---|---|---|
ខ្មៅ | ប្រផេះ | ប្រាក់ | ស | ||||
លឿង | កំបោរ | Aqua | ហ្វូចស៊ី | ||||
ក្រហម | បៃតង | ខៀវ | ពណ៌ស្វាយ | ||||
ម៉ារ៉ុន | អូលីវ | កងទ័ពជើងទឹក | ទឹកប្រៃ |
ឧទាហរណ៍នៃការប្រើឈ្មោះពណ៌ផ្សេងគ្នា៖
ឧទាហរណ៍៖ បញ្ជាក់ពណ៌តាមឈ្មោះរបស់វា។
- សាកល្បងដោយខ្លួនឯង »
បឋមកថានៅលើផ្ទៃខាងក្រោយក្រហម
បឋមកថានៅលើផ្ទៃខាងក្រោយពណ៌ទឹកក្រូច
ក្បាលនៅលើផ្ទៃខាងក្រោយកំបោរ
អត្ថបទពណ៌សនៅលើផ្ទៃខាងក្រោយពណ៌ខៀវ
បឋមកថានៅលើផ្ទៃខាងក្រោយក្រហម
បឋមកថានៅលើផ្ទៃខាងក្រោយពណ៌ទឹកក្រូច
ក្បាលនៅលើផ្ទៃខាងក្រោយកំបោរ
អត្ថបទពណ៌សនៅលើផ្ទៃខាងក្រោយពណ៌ខៀវ
ការបញ្ជាក់ពណ៌ដោយប្រើ RGB
នៅពេលបង្ហាញពណ៌ផ្សេងគ្នានៅលើម៉ូនីទ័រ ក្ដារលាយ RGB ត្រូវបានប្រើជាមូលដ្ឋាន។ ពណ៌ណាមួយត្រូវបានទទួលដោយការលាយមូលដ្ឋានចំនួនបី៖ R - ក្រហម, G - បៃតង, ខ - ខៀវ. ពន្លឺនៃពណ៌នីមួយៗត្រូវបានផ្តល់ដោយមួយបៃ ហើយដូច្នេះអាចយកតម្លៃពី 0 ដល់ 255។ ឧទាហរណ៍ RGB(255,0,0) ត្រូវបានបង្ហាញជាពណ៌ក្រហមចាប់តាំងពីពណ៌ក្រហមត្រូវបានកំណត់ទៅតម្លៃខ្ពស់បំផុតរបស់វា (255) និង នៅសល់ត្រូវបានកំណត់ទៅ 0 អ្នកក៏អាចកំណត់ពណ៌ជាភាគរយផងដែរ។ ប៉ារ៉ាម៉ែត្រនីមួយៗបង្ហាញពីកម្រិតពន្លឺនៃពណ៌ដែលត្រូវគ្នា។ ឧទាហរណ៍៖ តម្លៃ rgb(127, 255, 127) និង rgb(50%, 100%, 50%) នឹងកំណត់ពណ៌បៃតងដូចគ្នានៃតិត្ថិភាពមធ្យម៖
ឧទាហរណ៍៖ ការបញ្ជាក់ពណ៌ដោយប្រើ RGB
- សាកល្បងដោយខ្លួនឯង »
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
កំណត់ពណ៌ដោយតម្លៃគោលដប់ប្រាំមួយ។
តម្លៃ រ ជី ខក៏អាចត្រូវបានបញ្ជាក់ដោយប្រើតម្លៃពណ៌គោលដប់ប្រាំមួយ (HEX) ក្នុងទម្រង់៖ #RRGGBB ដែល RR (ក្រហម), GG (បៃតង) និង BB (ខៀវ) គឺជាតម្លៃលេខគោលដប់ប្រាំមួយពី 00 ដល់ FF (ដូចគ្នាទៅនឹងទសភាគ 0-255 ) ។ ប្រព័ន្ធគោលដប់ប្រាំមួយ មិនដូចប្រព័ន្ធទសភាគទេ គឺផ្អែកលើឈ្មោះរបស់វាបង្ហាញនៅលើលេខ 16។ ប្រព័ន្ធគោលដប់ប្រាំមួយប្រើសញ្ញាដូចខាងក្រោមៈ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. នៅទីនេះលេខពី 10 ដល់ 15 ត្រូវបានជំនួសដោយអក្សរឡាតាំង។ លេខធំជាង 15 នៅក្នុងប្រព័ន្ធលេខគោលដប់ប្រាំមួយត្រូវបានតំណាងដោយការបញ្ចូលតួអក្សរពីរទៅក្នុងតម្លៃមួយ។ ឧទាហរណ៍ លេខខ្ពស់បំផុត 255 ក្នុងទសភាគត្រូវគ្នានឹងតម្លៃ FF ខ្ពស់បំផុតក្នុងគោលដប់ប្រាំមួយ។ មិនដូចប្រព័ន្ធទសភាគទេ លេខគោលដប់ប្រាំមួយត្រូវបាននាំមុខដោយសញ្ញាសញ្ញា។ # ឧទាហរណ៍ #FF0000 ត្រូវបានបង្ហាញជាពណ៌ក្រហម ព្រោះពណ៌ក្រហមត្រូវបានកំណត់ទៅតម្លៃខ្ពស់បំផុតរបស់វា (FF) ហើយពណ៌ដែលនៅសល់ត្រូវបានកំណត់ទៅតម្លៃអប្បបរមារបស់វា (00)។ សញ្ញាបន្ទាប់ពីសញ្ញាសញ្ញា # អ្នកអាចវាយទាំងអក្សរធំ និងអក្សរតូច។ ប្រព័ន្ធលេខគោលដប់ប្រាំមួយអនុញ្ញាតឱ្យអ្នកប្រើទម្រង់អក្សរកាត់ #rgb ដែលតួអក្សរនីមួយៗស្មើនឹងទ្វេដង។ ដូច្នេះ ធាតុ #f7O គួរតែត្រូវបានចាត់ទុកជា #ff7700។
ឧទាហរណ៍៖ ពណ៌ HEX
- សាកល្បងដោយខ្លួនឯង »
ក្រហម៖ #FF0000
បៃតង៖ #00FF00
ពណ៌ខៀវ៖ #0000FF
ក្រហម៖ #FF0000
បៃតង៖ #00FF00
ពណ៌ខៀវ៖ #0000FF
ក្រហម+បៃតង=លឿង៖ #FFFF00
ក្រហម+ខៀវ=ពណ៌ស្វាយ៖ #FF00FF
បៃតង+ខៀវ=ខៀវ៖ #00FFFF
បញ្ជីពណ៌ទូទៅ (ឈ្មោះ HEX និង RGB)៖
ឈ្មោះភាសាអង់គ្លេស | ឈ្មោះរុស្ស៊ី | គំរូ | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranth | Amaranth | #E52B50 | 229 | 43 | 80 | |
អំពិល | អំពិល | #FFF00 | 255 | 191 | 0 | |
Aqua | ខៀវបៃតង | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FF | 0 | 127 | 255 | |
ខ្មៅ | ខ្មៅ | #000000 | 0 | 0 | 0 | |
ខៀវ | ខៀវ | #0000FF | 0 | 0 | 255 | |
Bondi ខៀវ | ទឹកឆ្នេរ Bondi | #0095B6 | 0 | 149 | 182 | |
លង្ហិន | លង្ហិន | #B5A642 | 181 | 166 | 66 | |
ត្នោត | ត្នោត | #964B00 | 150 | 75 | 0 | |
សេរូលីន | Azure | #007BA7 | 0 | 123 | 167 | |
និទាឃរដូវងងឹតពណ៌បៃតង | និទាឃរដូវងងឹតពណ៌បៃតង | #177245 | 23 | 114 | 69 | |
ត្បូងមរកត | ត្បូងមរកត | #50C878 | 80 | 200 | 120 | |
ពងទា | ពងទា | #990066 | 153 | 0 | 102 | |
ហ្វូចស៊ី | ហ្វូចស៊ី | #FF00FF | 255 | 0 | 255 | |
មាស | មាស | #FFD700 | 250 | 215 | 0 | |
ប្រផេះ | ប្រផេះ | #808080 | 128 | 128 | 128 | |
បៃតង | បៃតង | #00FF00 | 0 | 255 | 0 | |
Indigo | Indigo | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
កំបោរ | កំបោរ | #CCFF00 | 204 | 255 | 0 | |
ម៉ាឡាគីត | ម៉ាឡាគីត | #0BDA51 | 11 | 218 | 81 | |
កងទ័ពជើងទឹក | ពណ៌ខៀវងងឹត | #000080 | 0 | 0 | 128 | |
អូច | អូច | #CC7722 | 204 | 119 | 34 | |
អូលីវ | អូលីវ | #808000 | 128 | 128 | 0 | |
ពណ៌ទឹកក្រូច | ពណ៌ទឹកក្រូច | #FFA500 | 255 | 165 | 0 | |
ផ្លែប៉ែស | ផ្លែប៉ែស | #FFE5B4 | 255 | 229 | 180 | |
ល្ពៅ | ល្ពៅ | #FF7518 | 255 | 117 | 24 | |
ពណ៌ស្វាយ | វីយ៉ូឡែត | #800080 | 128 | 0 | 128 | |
ក្រហម | ក្រហម | #FF0000 | 255 | 0 | 0 | |
សាហ្វាន | សាហ្វាន | #F4C430 | 244 | 196 | 48 | |
សមុទ្របៃតង | សមុទ្របៃតង | #2E8B57 | 46 | 139 | 87 | |
វាលភក់ពណ៌បៃតង | បូឡូនី | #ACB78E | 172 | 183 | 142 | |
ទឹកប្រៃ | ខៀវបៃតង | #008080 | 0 | 128 | 128 | |
អ៊ុលត្រាម៉ារីន | អ៊ុលត្រាម៉ារីន | #120A8F | 18 | 10 | 143 | |
វីយ៉ូឡែត | វីយ៉ូឡែត | #8B00FF | 139 | 0 | 255 | |
លឿង | លឿង | #FFFF00 | 255 | 255 | 0 |
កូដពណ៌ (ផ្ទៃខាងក្រោយ) ដោយពណ៌ឆ្អែត និងពណ៌លាំៗ។