នាំ palette ពីបោះពុម្ពមកបង្ហាញលើវេបគឺងាយជាងក្នុង HSL: នៅពេលដែលការផ្សំអាំងកាត្រូវបានបង្ហាញជា hue, saturation និង lightness, អ្នកអាចបង្កើត hover states, tints និង shades ពីវាច្រើនក្នុងវិនាទី។
របៀបធ្វើការរបស់ការបំលែងពី CMYK ទៅ HSL
- បម្លែងភាគរយ CMYK ទៅជាច្រក RGB ចន្លោះ 0 និង 255។
- ចែក channel ដោយ 255 ហើយយកតម្លៃអតិបរមា និងអប្បបរមា។
- មធ្យមភាពរវាងអតិបរមា និងអប្បបរមាគឺ lightness L, ការពន្លឿនរវាងពួកវាជានិយមៈ saturation S។
- channel ដែលរក្សាអតិបរមានឹងកំណត់ hue H ទៅជាដిగ្រីលើកង់ពណ៌។
ឧទាហរណ៍ដែលបានដំណើរការ
ជំហាន CMYK ទៅ RGB គឺជាការប៉ាន់ស្មានហើយតម្លៃ 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(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |