ഓരോ നിറ ഫോർമാറ്റും ഒരേ കാര്യം വ്യത്യസ്ത ഭാഷയിൽ വിവരിക്കുന്നു: സ്റ്റൈൽഷീറ്റുകൾക്ക് HEX, സ്ക്രീനുകൾക്കും കോഡിനും RGB, പാലറ്റുകൾ നിർമ്മിക്കാൻ HSL, പ്രിന്റിന് CMYK. നിങ്ങൾക്ക് ആവശ്യമുള്ള പരിവർത്തനം തിരഞ്ഞെടുത്ത് കൃത്യമായ മൂല്യം, തത്സമയ പ്രിവ്യൂ, അതിനു പിന്നിലെ ഫോർമുല എന്നിവ നേടുക.
നാലു കളർ ഫോർമാറ്റുകളും
HEX എന്താണ്?
മുന്നിൽ # ചിഹ്നമുള്ള ആറക്ക ഹെക്സാഡെസിമൽ സംഖ്യയാണ് HEX കോഡ്. ഇത് ഒരു നിറത്തിന്റെ റെഡ്, ഗ്രീൻ, ബ്ലൂ ചാനലുകൾ സംഭരിക്കുന്നു. ഓരോ ജോഡി അക്കങ്ങളും ഒരു ചാനലിനെ പ്രതിനിധീകരിക്കുന്നു, 00 (ഒന്നുമില്ല) മുതൽ FF (പൂർണ്ണം) വരെ. RGB-യുടെ അതേ 16.7 ദശലക്ഷം നിറങ്ങൾ ഇത് കൂടുതൽ ചെറിയ രൂപത്തിൽ നൽകുന്നു. CSS, ഡിസൈൻ ടൂളുകൾ, ബ്രാൻഡ് ഗൈഡ്‌ലൈനുകൾ എന്നിവയിൽ HEX ആണ് സ്ഥിരസ്ഥിതി.
- Syntax:
- #RRGGBB
- Best for:
- CSS, design handoff, brand guidelines
RGB എന്താണ്?
RGB ഒരു കളർ മൂന്ന് ലൈറ്റ് ചാനലുകളായി വിവരിക്കുന്നു — red, green, blue — ഓരോത് 0–255 വരെയാണ്. ഇത് സ്ക്രീനുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു എന്നതിനെ പ്രതിഫലിപ്പിക്കുന്നു: മൂന്നു ചാനലുകളും 255 ആയാൽ വെള്ള, എല്ലാ ചാനലുകളും 0 ആണെങ്കിൽ കറുപ്പ്. കളറുമായി കണക്കുകൾ ചെയ്യേണ്ടപ്പോഴെല്ലാം RGB അനുയോജ്യമാണ്, rgba() വഴി transparency ചേർക്കാനും കഴിയും.
- Syntax:
- rgb(R, G, B)
- Best for:
- code, canvas, rgba() ഉപയോഗിച്ച് transparency
HSL എന്താണ്?
HSL ഒരു നിറത്തെ hue (വർണ്ണചക്രത്തിലെ 0–360°), saturation (എത്ര നിറമുള്ളത്, 0–100%), lightness (എത്ര തെളിച്ചമുള്ളത്, 0–100%) എന്നിങ്ങനെ മൂന്ന് ഭാഗങ്ങളായി വിഭജിക്കുന്നു. ഓരോ ഭാഗവും ആളുകൾ നിറത്തെ വിവരിക്കുന്ന രീതിയോട് യോജിക്കുന്നതിനാൽ, ടിന്റുകൾ, ഷേഡുകൾ, സ്ഥിരതയുള്ള പാലറ്റുകൾ എന്നിവ കൈകൊണ്ടോ കോഡിലോ നിർമ്മിക്കാൻ HSL ആണ് ഏറ്റവും എളുപ്പമുള്ള ഫോർമാറ്റ്.
- Syntax:
- hsl(H, S%, L%)
- Best for:
- palettes, tints and shades, theming
CMYK എന്താണ്?
CMYKപ്രിന്റിംഗിനൊപ്പം ഉപയോഗിക്കുന്ന നാല്-ഇങ്ക് മോഡലാണ്: cyan, magenta, yellow, key (black), ഓരോതും ശതമാനമായി 0–100 വരെ. ഇങ്ക് ലൈറ്റ് ഇറക്കിവെക്കുമ്പോൾ പ്രവർത്തിക്കുന്നതുകൊണ്ടാണ് CMYK സ്ക്രീനിലും കാണുന്നവയിൽനിന്ന് കുറവ് നിറങ്ങൾ കൈക്കൊള്ളുന്നത് — അതുകൊണ്ട് തിളക്കമുള്ള സ്‌ക്രീൻ കളറുകൾ പ്രിന്റ് ചെയ്താൽ പതുക്കെ മങ്ങിയതായി തോന്നാറുണ്ട്.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Best for:
- print, packaging, press-ready artwork