ഓരോ കളർ ഫോർമാറ്റും ആ একই കാര്യത്തെ വ്യത്യസ്ത ഭാഷയിൽ വിവരിക്കുന്നു: CSS ന് HEX, സ്‌ക്രീനുകൾക്കും കോഡിനും RGB, പാൽറ്റുകൾ നിലനിർപ്പിക്കാൻ HSL, പ്രിന്റിനായി CMYK. നിങ്ങൾക്ക് വേണ്ട കൺവർഷൻ തിരഞ്ഞെടുക്കുക, കൃത്യമായ മൂല്യം, ലൈവ് പ്രിവ്യൂയും അതിന്റെയൊരു ഫോർമുലയും നേടുക.
നാലു കളർ ഫോർമാറ്റുകളും
HEX എന്താണ്?
HEX കോഡ് ആറ്-ടിജിറ്റുള്ള ഹെക്സാഡെസിമൽ നമ്പർ ആണ്, മുന്നിൽ # ഉം കൂടിയുള്ളത്, ഒരോ കളറിന്റെ റെഡ്, ഗ്രീൻ, ബ്ലൂ ചാനലുകൾ സംഭരിക്കുന്നു. ഓരോ ഡിജിറ്റുകളുടെ ജോഡിയും ഒരു ചാനൽ കവർ ചെയ്യുന്നു, 00 (യാതും ഇല്ല) മുതൽ FF (പൂർണ്ണം) വരെ, ഇത് RGB ന് സമാനമായ 16.7 മില്യൺ നിറങ്ങൾ ഒരു ചെറുതായുള്ള നോട്ടേഷനിൽ നൽകുന്നു. HEX ആണ് CSS, design tools, ബ്രാൻഡ് ഗൈڈر്ലൈൻസിൽ ഡീഫോൾട്ട്.
- 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%). ഓരോ ഭാഗവും മനുഷ്യർ നിറത്തെ വിവരിക്കുന്ന രീതിക്ക് തുല്യമായതിനാൽ, tints, shades, സ്ഥിരതയുള്ള palettes നിർമ്മിക്കാൻ 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