HSL ۾ ഡിസൈൻ ചെയ്ത പേലിയറ്റുകൾ പലപ്പോഴും പെയ്പറിൽ ختمാവുന്നു. നിങ്ങൾ തെരഞ്ഞെടുക്കിയ hue, saturation, lightness എടുത്ത് print shop ഉപയോഗിക്കുന്ന നാല് മഷി ശതമാനങ്ങൾ ഈ കൺവർട്ടർ തിരിച്ചുകൊടുക്കും.
HSL നിന്ന് CMYK വരെ മാറ്റം എങ്ങനെ നടക്കുന്നു
- HSL ത്രയം 0–255 റേഞ്ചിലുള്ള RGB ചാനലുകളായി മാറ്റൂ.
- ആ ചാനലുകൾ 255 കൊണ്ടു വിഭജിച്ച് സാധാരണ രൂപത്തിലാക്കൂ.
- കീ ഘടകം K = 1 − max(R, G, B) എന്ന് കണക്കാക്കൂ.
- മുകളോടുള്ള ചാനലുകളിൽ നിന്നുള്ള ശേഷിക്കുന്നത് ഉപയോഗിച്ച് C, M, Y കണ്ടെത്തി ആ നാലും ശതമാനങ്ങളാക്കി മാറ്റൂ.
പ്രായോഗിക ഉദാഹരണം
രണ്ടു പരിവർത്തനങ്ങളും പിന്നീടാണ് നടക്കുന്നത്; അതിനാൽ റൗണ്ടിങ്ങ് രണ്ട് തവണ ഉണ്ടാകും — കൂടാതെ CMYK കളർ profile ഇല്ലാതെ ഒരു nærdison approximation ആണ്. പ്രിന്റ് ഫലം HSL പ്രിവ്യൂവിനേക്കാൾ അല്പം കുറച്ച് vifid ആയി കാണാവുന്നതാണ്.
HSLയും CMYKയും വിശദീകരിച്ചത്
HSL എന്താണ്?
HSL ഒരു കളർ മൂന്ന് ഭാഗങ്ങളായി വിഭജിക്കുന്നു: hue (0–360° കളർ വീലിൽ), saturation (എത്ര നിറമുള്ളത്, 0–100%) და lightness (എത്ര പ്രഭാമാനമുള്ളത്, 0–100%). ഓരോ ഭാഗവും മനുഷ്യർ നിറത്തെ വിവരിക്കുന്ന രീതിക്ക് തുല്യമായതിനാൽ, tints, shades, സ്ഥിരതയുള്ള palettes നിർമ്മിക്കാൻ HSL ആണ് ഏറ്റവും എളുപ്പം — കൈകൊണ്ട് ആയാലോ കോഡിൽ ആയാലോ.
- Syntax:
- hsl(H, S%, L%)
- Range:
- 0–360°, 0–100%, 0–100%
- Best for:
- palettes, tints and shades, theming
CMYK എന്താണ്?
CMYKപ്രിന്റിംഗിനൊപ്പം ഉപയോഗിക്കുന്ന നാല്-ഇങ്ക് മോഡലാണ്: cyan, magenta, yellow, key (black), ഓരോതും ശതമാനമായി 0–100 വരെ. ഇങ്ക് ലൈറ്റ് ഇറക്കിവെക്കുമ്പോൾ പ്രവർത്തിക്കുന്നതുകൊണ്ടാണ് CMYK സ്ക്രീനിലും കാണുന്നവയിൽനിന്ന് കുറവ് നിറങ്ങൾ കൈക്കൊള്ളുന്നത് — അതുകൊണ്ട് തിളക്കമുള്ള സ്ക്രീൻ കളറുകൾ പ്രിന്റ് ചെയ്താൽ പതുക്കെ മങ്ങിയതായി തോന്നാറുണ്ട്.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Range:
- ഒരു ഇങ്ക് үшін 0–100%
- Best for:
- print, packaging, press-ready artwork
HSL to CMYK reference table
സാധാരണയായി ഉപയോഗിക്കുന്ന CSS നിറങ്ങൾ HSL ൽ നിന്ന് CMYK ആയി പരിവർത്തനം ചെയ്തിരിക്കുന്നു.
| നിറം | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |