នាំ palette ពីបោះពុម្ពមកបង្ហាញលើវេបគឺងាយជាងក្នុង HSL: នៅពេលដែលការផ្សំអាំងកាត្រូវបានបង្ហាញជា hue, saturation និង lightness, អ្នកអាចបង្កើត hover states, tints និង shades ពីវាច្រើនក្នុងវិនាទី។
របៀបធ្វើការរបស់ការបំលែងពី CMYK ទៅ HSL
- បំប្លែងភាគរយ CMYK ទៅជាឆានែល sRGB ចន្លោះពី 0 ដល់ 255 ជាមួយប្រូហ្វាយល៍ Coated FOGRA39។
- ចែក channel ដោយ 255 ហើយយកតម្លៃអតិបរមា និងអប្បបរមា។
- មធ្យមភាពរវាងអតិបរមា និងអប្បបរមាគឺ lightness L, ការពន្លឿនរវាងពួកវាជានិយមៈ saturation S។
- ឆានែលដែលមានតម្លៃអតិបរមា កំណត់ hue H ជាដឺក្រេនៅលើរង្វង់ពណ៌។
ឧទាហរណ៍ដែលបានដំណើរការ
ជំហាន CMYK ទៅ RGB ប្រើប្រូហ្វាយល៍ Coated FOGRA39 ស្តង់ដារ ដូច្នេះប្រូហ្វាយល៍ CMYK ផ្សេងទៀត (ឧទាហរណ៍ពីហាងបោះពុម្ពរបស់អ្នក) ផ្តល់លេខខុសគ្នា។ តម្លៃ HSL ត្រូវបានបង្គត់ទៅជាចំនួនគត់។
CMYK និង HSL ពន្យល់
CMYK ជាអ្វី?
CMYK គឺជាម៉ូដែលមឹកបួនពណ៌ដែលប្រើក្នុងការបោះពុម្ព៖ cyan, magenta, yellow និង key (ខ្មៅ) ម្យ៉ាងៗជាភាគរយពី 0 ដល់ 100។ មឹកស្រូបពន្លឺជំនួសឲ្យការបញ្ចេញពន្លឺ ដូច្នេះ CMYK គ្របដណ្តប់ពណ៌តិចជាងអេក្រង់ ដែលជាហេតុធ្វើឲ្យពណ៌ភ្លឺនៅលើអេក្រង់ជារឿយៗមើលទៅស្រអាប់ជាងពេលបោះពុម្ព។
- វេយ្យាករណ៍:
- cmyk(C%, M%, Y%, K%)
- ចន្លោះ:
- 0–100% per ink
- ល្អសម្រាប់:
- ពុម្ព, កញ្ចប់, ស្នាដៃរួចបោះពុម្ព
HSL ជាអ្វី?
HSL បំបែកពណ៌ជា hue (0–360° លើរង្វង់ពណ៌), saturation (ភាពមានពណ៌ខ្លាំងប៉ុណ្ណា, 0–100%) និង lightness (ភ្លឺប៉ុណ្ណា, 0–100%)។ ដោយសារផ្នែកនីមួយៗត្រូវនឹងវិធីដែលមនុស្សពិពណ៌នាពណ៌ HSL ជាទ្រង់ទ្រាយងាយបំផុតសម្រាប់បង្កើត tint, shade និង palette ដែលស្របគ្នា ទាំងដោយដៃ ឬក្នុងកូដ។
- វេយ្យាករណ៍:
- hsl(H, S%, L%)
- ចន្លោះ:
- 0–360°, 0–100%, 0–100%
- ល្អសម្រាប់:
- palette, tint និង shade, theming
CMYK to HSL reference table
ពណ៌ CSS ដែលប្រើជាទូទៅជាងគេ ដែលបានបំលែងពី CMYK ទៅ HSL។
| ពណ៌ | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |