പ്രിന്റ് പേലിയറ്റ് വെബിലേക്കെത്തുന്നത് HSL ൽ എളുപ്പമാണ്: ഒരു മഷി മിശ്രിതം hue, saturation, lightness ആയി വ്യാഖ്യാനിച്ചാൽ ഹോവർ സ്റ്റേറ്റുകൾ, ടിന്റുകൾ, ഷേഡുകൾ സെക്കൻഡുകൾക്കുള്ളിൽ നിർമ്മിക്കാം.
CMYK നിന്ന് HSL വരെ മാറ്റം എങ്ങനെ നടക്കുന്നു
- CMYK ശതമാനങ്ങളെ RGB ചാനലുകളായി 0–255 പരിധിയിൽ മാറ്റൂ.
- ചാനലുകൾ 255 കൊണ്ട് വിഭജിച്ച് അവയുടെ മാക്സിമം ಮತ್ತು മിനിമം കണ്ടെത്തൂ.
- മാക്സിംവും മിനിമവും കൂട്ടിന്റെ ശരാശരി lightness L ആണ്; അവയുടെ വ്യത്യാസം saturation S നു നയിക്കുന്നു.
- മാക്സിംം ഉള്ള ചാനൽ ആണ് color വീലിൽ അതിന്റെ ഹ്യൂ H ഡിഗ്രികളിൽ നിർണ്ണയിക്കുന്നത്.
പ്രായോഗിക ഉദാഹരണം
CMYK to RGB ഘട്ടം തന്നെ ഒരു സമീപവീക്ഷണമാണ്, കൂടാതെ 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%). ഓരോ ഭാഗവും മനുഷ്യർ നിറത്തെ വിവരിക്കുന്ന രീതിക്ക് തുല്യമായതിനാൽ, tints, shades, സ്ഥിരതയുള്ള palettes നിർമ്മിക്കാൻ 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(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%) |