പ്രിന്റ് പശ്ചാത്തലത്തിൽ നിന്നാണോ, വെബിൽ ആ സേം കളർ വേണോ? CMYK-യിൽ നിന്ന് HEX-ലേക്ക് മാറ്റുന്നത് നിങ്ങളുടെ ഇങ്ക് മിശ്രണത്തിന്റെ ഏറ്റവും അടുത്ത സ്ക്രീൻ പരിഭാഷ നൽകും, CSS, Figma അല്ലെങ്കിൽ ബ്രാൻഡ് ഷീറ്റ്-ഇൽ പPaste ചെയ്യാൻ തയ്യാറായി.
CMYK നിന്ന് HEX വരെ മാറ്റം എങ്ങനെ നടക്കുന്നു
- നാലു CMYK ശതമാനങ്ങളെയും 100-ന് 部ിഭജിക്കുക.
- ആദ്യമേ key ഘടകം അപ്ലൈ ചെയ്യുക: എല്ലാ ചാനലുകളും (1 − K) കൊണ്ട് സ്കെയിൽ ചെയ്യപ്പെടണം.
- ചാനലുകൾ കണക്കാക്കുക: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- ഓരോ ചാനലും വലിപ്പിച്ച്, രണ്ടു ഹെക്സാഡെസിമൽ അക്കങ്ങളായി എഴുതീ,# പിന്നിൽ ചേർക്കുക.
പ്രായോഗിക ഉദാഹരണം
സ്വഭാവത്തിൽ ഏകീകരണമാത്രം. CMYK സ്ക്രീൻയെക്കാൾ കുറവ് നിറ പരിധി കൈവരിക്കുന്നതായതിനാൽ HEX ഫലം നിറം മാനേജ് ചെയ്തുള്ള യഥാര്ഥൊന്നല്ല; അത് പ്രസ്-നുള്ള ICC പ്രൊഫൈലിനെ ആവശ്യമുള്ള ഒരു യാദൃശ്ചിക മെഡാണ്.
CMYKയും HEXയും വിശദീകരിച്ചത്
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
HEX എന്താണ്?
HEX കോഡ് ആറ്-ടിജിറ്റുള്ള ഹെക്സാഡെസിമൽ നമ്പർ ആണ്, മുന്നിൽ # ഉം കൂടിയുള്ളത്, ഒരോ കളറിന്റെ റെഡ്, ഗ്രീൻ, ബ്ലൂ ചാനലുകൾ സംഭരിക്കുന്നു. ഓരോ ഡിജിറ്റുകളുടെ ജോഡിയും ഒരു ചാനൽ കവർ ചെയ്യുന്നു, 00 (യാതും ഇല്ല) മുതൽ FF (പൂർണ്ണം) വരെ, ഇത് RGB ന് സമാനമായ 16.7 മില്യൺ നിറങ്ങൾ ഒരു ചെറുതായുള്ള നോട്ടേഷനിൽ നൽകുന്നു. HEX ആണ് CSS, design tools, ബ്രാൻഡ് ഗൈڈر്ലൈൻസിൽ ഡീഫോൾട്ട്.
- Syntax:
- #RRGGBB
- Range:
- ഒരു ചാനലിന് 00–FF
- Best for:
- CSS, design handoff, brand guidelines
CMYK to HEX reference table
സാധാരണയായി ഉപയോഗിക്കുന്ന CSS നിറങ്ങൾ CMYK ൽ നിന്ന് HEX ആയി പരിവർത്തനം ചെയ്തിരിക്കുന്നു.
| നിറം | CMYK | HEX |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |