പ്രിന്റ് പേലിയറ്റ് വെബിലേക്കെത്തുന്നത് HSL ൽ എളുപ്പമാണ്: ഒരു മഷി മിശ്രിതം hue, saturation, lightness ആയി വ്യാഖ്യാനിച്ചാൽ ഹോവർ സ്റ്റേറ്റുകൾ, ടിന്റുകൾ, ഷേഡുകൾ സെക്കൻഡുകൾക്കുള്ളിൽ നിർമ്മിക്കാം.
CMYK നിന്ന് HSL വരെ മാറ്റം എങ്ങനെ നടക്കുന്നു
- CMYK ശതമാനങ്ങളെ Coated FOGRA39 പ്രൊഫൈൽ ഉപയോഗിച്ച് 0 മുതൽ 255 വരെയുള്ള sRGB ചാനലുകളാക്കി മാറ്റുക.
- ചാനലുകളെ 255 കൊണ്ട് ഹരിച്ച്, അവയുടെ പരമാവധി മൂല്യവും ഏറ്റവും കുറഞ്ഞ മൂല്യവും കണ്ടെത്തുക.
- മാക്സിംവും മിനിമവും കൂട്ടിന്റെ ശരാശരി lightness L ആണ്; അവയുടെ വ്യത്യാസം saturation S നു നയിക്കുന്നു.
- മാക്സിംം ഉള്ള ചാനൽ ആണ് color വീലിൽ അതിന്റെ ഹ്യൂ H ഡിഗ്രികളിൽ നിർണ്ണയിക്കുന്നത്.
പ്രായോഗിക ഉദാഹരണം
CMYK-യിൽ നിന്ന് RGB-യിലേക്കുള്ള ഘട്ടം സാധാരണ Coated FOGRA39 പ്രൊഫൈൽ ഉപയോഗിക്കുന്നു, അതിനാൽ മറ്റ് CMYK പ്രൊഫൈലുകൾ (ഉദാഹരണത്തിന് പ്രിന്റ് ഷോപ്പിൽ നിന്നുള്ളത്) വ്യത്യസ്ത സംഖ്യകൾ നൽകുന്നു. HSL മൂല്യങ്ങൾ പൂർണ്ണ സംഖ്യകളിലേക്ക് റൗണ്ട് ചെയ്യുന്നു.
CMYKയും HSLയും വിശദീകരിച്ചത്
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 എന്താണ്?
HSL ഒരു നിറത്തെ hue (വർണ്ണചക്രത്തിലെ 0–360°), saturation (എത്ര നിറമുള്ളത്, 0–100%), lightness (എത്ര തെളിച്ചമുള്ളത്, 0–100%) എന്നിങ്ങനെ മൂന്ന് ഭാഗങ്ങളായി വിഭജിക്കുന്നു. ഓരോ ഭാഗവും ആളുകൾ നിറത്തെ വിവരിക്കുന്ന രീതിയോട് യോജിക്കുന്നതിനാൽ, ടിന്റുകൾ, ഷേഡുകൾ, സ്ഥിരതയുള്ള പാലറ്റുകൾ എന്നിവ കൈകൊണ്ടോ കോഡിലോ നിർമ്മിക്കാൻ HSL ആണ് ഏറ്റവും എളുപ്പമുള്ള ഫോർമാറ്റ്.
- Syntax:
- hsl(H, S%, L%)
- Range:
- 0–360°, 0–100%, 0–100%
- Best for:
- palettes, tints and shades, 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%) |