കളർ ഫോർമാറ്റ് കൺവെർട്ടർ

കളർ ഫോർമാറ്റ് കൺവെർട്ടർ

വെബിലെ ഓരോ നിറവും പല തരത്തിൽ എഴുതാം - HEX കോഡ്, RGB ട്രിപ്ലറ്റ്, HSL മൂല്യം, അല്ലെങ്കിൽ പ്രിന്റിനുള്ള CMYK ശതമാനം. ഡിസൈനർമാരും ഡെവലപ്പർമാരും പ്രിന്ററുകളും വ്യത്യസ്ത ഫോർമാറ്റുകൾ ഇഷ്ടപ്പെടുന്നു. ഈ കാൽക്കുലേറ്റർ ഒരു നിറം എടുത്ത് ഈ തുല്യ രൂപങ്ങളെല്ലാം തൽക്ഷണം കാണിക്കുന്നു, കൂടെ അതിന്റെ പൂരക നിറവും ഏറ്റവും വായിക്കാവുന്ന ടെക്സ്റ്റ് നിറവും പോലുള്ള ഉപകാരപ്രദമായ അധിക വിവരങ്ങളും.

കളർ ഫോർമാറ്റ് കൺവേർഷൻ എന്താണ്?

ഒരു നിറം എന്നത് കളർ സ്പേസിലെ ഒരു ബിന്ദു മാത്രമാണ്. HEX ഉം RGB ഉം ആ ബിന്ദുവിനെ ചുവപ്പ്, പച്ച, നീല വെളിച്ചത്തിന്റെ തീവ്രത കൊണ്ട് വിവരിക്കുന്നു - സ്ക്രീനുകൾ നിറം ഉണ്ടാക്കുന്ന രീതി ഇതാണ്. HSL അതേ ബിന്ദുവിനെ ഹ്യൂ (കളർ വീലിലെ സ്ഥാനം), സാച്ചുറേഷൻ (എത്ര തെളിച്ചമുള്ളതാണ്), ലൈറ്റ്നസ് (കറുപ്പിനോ വെളുപ്പിനോ എത്ര അടുത്താണ്) എന്നിവ കൊണ്ട് വിവരിക്കുന്നു. CMYK, കടലാസിൽ ആ നിറം പുനഃസൃഷ്ടിക്കാൻ പ്രിന്ററിന് എത്ര സയാൻ, മജന്ത, മഞ്ഞ, കറുപ്പ് മഷി വേണമെന്ന് വിവരിക്കുന്നു. ഇവ നാലും ഒരേ അടിസ്ഥാന നിറത്തിനുള്ള വ്യത്യസ്ത കോർഡിനേറ്റ് സംവിധാനങ്ങൾ മാത്രമാണ്.

സൂത്രവാക്യങ്ങൾ

HEX to RGB: 6-അക്ക ഹെക്സ് കോഡിനെ മൂന്ന് 2-അക്ക ജോഡികളായി വിഭജിച്ച്, ഓരോന്നിനെയും 0-255 വരെയുള്ള base-16 സംഖ്യയായി വായിക്കുന്നു:

$$R = \text{hex}_{1:2}, \quad G = \text{hex}_{3:4}, \quad B = \text{hex}_{5:6}$$

RGB to HSL: ആദ്യം ചുവപ്പ്, പച്ച, നീല എന്നിവയെ 0-1 പരിധിയിലേക്ക് സാധാരണവൽക്കരിച്ച്, പിന്നീട് ഏറ്റവും ഉയർന്നതും താഴ്ന്നതുമായ ചാനലിന്റെ മധ്യബിന്ദുവിൽ നിന്ന് ലൈറ്റ്നസ് കണ്ടെത്തുന്നു:

$$L = \frac{max(R,G,B) + min(R,G,B)}{2}$$ $$S = \frac{max(R,G,B) - min(R,G,B)}{1 - |2L - 1|}$$

RGB to CMYK: ഏറ്റവും തിളക്കമുള്ള ചാനലിൽ നിന്ന് ആദ്യം കറുപ്പ് (K) കണ്ടെത്തുന്നു, പിന്നീട് ബാക്കിയുള്ള തിളക്കത്തിന് ആപേക്ഷികമായി സയാൻ, മജന്ത, മഞ്ഞ എന്നിവ കണ്ടെത്തുന്നു:

$$K = 1 - max(R,G,B)$$ $$C = \frac{1 - R - K}{1 - K}, \quad M = \frac{1 - G - K}{1 - K}, \quad Y = \frac{1 - B - K}{1 - K}$$

ആപേക്ഷിക പ്രകാശം (luminance) - വായിക്കാവുന്ന ടെക്സ്റ്റ് നിറം തിരഞ്ഞെടുക്കാൻ ഉപയോഗിക്കുന്നു - sRGB മൂല്യങ്ങൾ രേഖീയമാക്കിയ ശേഷം, ഓരോ ചാനലിനും മനുഷ്യ കണ്ണിന്റെ സംവേദനക്ഷമത അനുസരിച്ച് ഭാരം നൽകുന്നു:

$$L_{rel} = 0.2126 R_{lin} + 0.7152 G_{lin} + 0.0722 B_{lin}$$

കാൽക്കുലേറ്റർ കറുപ്പ്, വെളുപ്പ് ടെക്സ്റ്റുകളുടെ കോൺട്രാസ്റ്റ് അനുപാതത്തെ നിങ്ങളുടെ നിറത്തിന്റെ പ്രകാശവുമായി താരതമ്യം ചെയ്ത്, WCAG AA പരിധിയായ 4.5:1 കൂടുതൽ വ്യത്യാസത്തിൽ കടക്കുന്നത് ശുപാർശ ചെയ്യുന്നു.

പൂരക നിറം കളർ വീലിൽ ഹ്യൂവിനെ കൃത്യമായി 180 ഡിഗ്രി തിരിച്ച്, സാച്ചുറേഷനും ലൈറ്റ്നസും അതേപടി നിലനിർത്തി, വീണ്ടും HEX ആയി മാറ്റുന്നു.

ഈ കാൽക്കുലേറ്റർ എങ്ങനെ ഉപയോഗിക്കാം

1. കളർ സ്വാച്ചിൽ ക്ലിക്ക് ചെയ്ത് ഏതെങ്കിലും നിറം തിരഞ്ഞെടുക്കുക, അല്ലെങ്കിൽ HEX കോഡ് നേരിട്ട് ടൈപ്പ് ചെയ്യുക.
2. അതേ നിറം HEX, RGB, HSL, CMYK എന്നിവയിൽ തൽക്ഷണം കാണുക.
3. പൂരക നിറം പരിശോധിക്കുക - ആക്സന്റ് നിറങ്ങൾക്കോ ടു-ടോൺ ഡിസൈനുകൾക്കോ ഉപകാരപ്രദം.
4. നിങ്ങളുടെ നിറത്തിന് മുകളിൽ കറുപ്പോ വെളുപ്പോ ടെക്സ്റ്റ് നന്നായി വായിക്കാമോ എന്നും, ഇത് ഒരു "വെബ്-സേഫ്" നിറമാണോ എന്നും പരിശോധിക്കുക.

ഉദാഹരണം

നീല നിറം #3B82F6 എടുക്കാം:

• RGB: R=59, G=130, B=246 → rgb(59, 130, 246)
• HSL: ഹ്യൂ ≈ 217°, സാച്ചുറേഷൻ ≈ 91%, ലൈറ്റ്നസ് ≈ 60% → hsl(217, 91%, 60%)
• CMYK: K = 1 - 246/255 ≈ 4%; C ≈ 76%, M ≈ 47%, Y ≈ 0% → cmyk(76%, 47%, 0%, 4%)
• പൂരക നിറം: ഹ്യൂ 217° + 180° = 37° → ഊഷ്മളമായ ഓറഞ്ച്, #F6AF3C
• ആപേക്ഷിക പ്രകാശം ≈ 0.235, ഇത് 0.5 എന്ന മധ്യബിന്ദുവിനേക്കാൾ താഴെയാണ്, അതിനാൽ ഈ നീല നിറം "ഇരുണ്ടത്" ആയി കണക്കാക്കുന്നു. കറുത്ത ടെക്സ്റ്റുമായുള്ള കോൺട്രാസ്റ്റ് (≈ 5.71:1) വെളുത്ത ടെക്സ്റ്റുമായുള്ള കോൺട്രാസ്റ്റിനെക്കാൾ (≈ 3.68:1) മികച്ചതാണ്, അതിനാൽ കറുത്ത ടെക്സ്റ്റ് ആണ് ശുപാർശ ചെയ്യുന്ന ഓവർലേ നിറം.