LibraTool logoLibraTool

സൗജന്യ കളർ കൺവെർട്ടർ

HEX, RGB, HSL, HSV, CMYK ഫോർമാറ്റുകൾക്കിടയിൽ നിറങ്ങൾ തൽക്ഷണം പരിവർത്തനം ചെയ്യുക. ലൈറ്റ്‌നെസ് സ്കെയിലും പ്രീസെറ്റ് സ്വാച്ചുകളും ഉൾപ്പെടുന്നു.

ലോഡ് ചെയ്തുകഴിഞ്ഞാൽ ഓഫ്‌ലൈനിൽ പ്രവർത്തിക്കുന്നു

HEX, RGB, HSL, HSV, CMYK എന്നിവ തമ്മിൽ ഒരു നിറം പരിവർത്തനം ചെയ്യുക — തത്സമയ പ്രിവ്യൂവും ഒറ്റ-ടാപ്പ് കോപ്പിയും സഹിതം. എല്ലാം നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.

സ്വീകരിക്കുന്നത്: HEX (#fff അല്ലെങ്കിൽ #ffffff), RGB (255, 255, 255), അല്ലെങ്കിൽ HSL (360, 100%, 50%)

100%
പ്രീസെറ്റുകൾ:
HEX#14B8A6
rgb() · ലെഗസിrgb(20, 184, 166)
rgb() · ആധുനികംrgb(20 184 166)
hsl() · ലെഗസിhsl(173, 80%, 40%)
hsl() · ആധുനികംhsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB മൂല്യങ്ങൾ20, 184, 166

WCAG കോൺട്രാസ്റ്റ്

വെളുത്ത ബാക്ക്ഗ്രൗണ്ടിൽ

2.49:1

പരാജയം

കറുത്ത ബാക്ക്ഗ്രൗണ്ടിൽ

8.44:1

AAA
🖨️ പ്രിന്റിനായി: ഈ CMYK മൂല്യങ്ങൾ (89%, 0%, 10%, 28%) റഫറൻസിനായുള്ള ഒരു സ്റ്റാൻഡേർഡ് sRGB→CMYK ഏകദേശ കണക്കാണ്. കൃത്യമായ പ്രിന്റ് നിറത്തിന്, നിങ്ങളുടെ പ്രിന്ററിന്റെ ICC പ്രൊഫൈലോ ഒരു പ്രിന്റഡ് പ്രൂഫോ ഉപയോഗിക്കുക — സ്ക്രീൻ CMYK-ന് എല്ലാ മഷി/പേപ്പറുമായും പൊരുത്തപ്പെടാൻ കഴിയില്ല.

ലൈറ്റ്നെസ് സ്കെയിൽ

ആ ഷേഡിലേക്ക് മാറാൻ ഏതെങ്കിലും സ്വാച്ച് ക്ലിക്ക് ചെയ്യുക

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

എല്ലാ പരിവർത്തന ലോജിക്കും കൈകൊണ്ട് എഴുതിയ JavaScript ആണ്, പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു — ലൈബ്രറിയില്ല, സെർവർ കോളില്ല. ടൂൾ നിങ്ങളുടെ ഇൻപുട്ട് പാഴ്സ് ചെയ്യുന്നു, ശുദ്ധ ഗണിത ഫംഗ്ഷനുകളുടെ ഒരു ചെയിനിലൂടെ അതിനെ റൂട്ട് ചെയ്യുന്നു, ആധുനിക CSS Color 4 സ്പേസുകളായ oklch(), lab() ഉൾപ്പെടെ പതിനൊന്ന് ഔട്ട്പുട്ട് ഫോർമാറ്റുകൾ ഒരേസമയം നിർമ്മിക്കുന്നു.

  1. 1
    ഫ്ലെക്സിബിൾ ഇൻപുട്ട് പാഴ്സിംഗ്
    ഒരു കസ്റ്റം പാഴ്സർ ഹെക്സ് (3, 4, 6, അല്ലെങ്കിൽ 8 അക്കങ്ങൾ), rgb()/rgba(), പഴയ കോമ സിന്റാക്സിലും ആധുനിക സ്പേസ് സിന്റാക്സിലും hsl()/hsla(), വെറും സംഖ്യാ ട്രിപ്പിളുകൾ എന്നിവ സ്വീകരിക്കുന്നു. ദശാംശങ്ങളായോ ശതമാനങ്ങളായോ ഉള്ള ആൽഫ മൂല്യങ്ങൾ ഏത് പരിവർത്തനവും ആരംഭിക്കുന്നതിന് മുമ്പ് 0–1 പരിധിയിലേക്ക് നോർമലൈസ് ചെയ്യുന്നു.
  2. 2
    പരിവർത്തന ഹബ്ബായി RGB
    സ്വീകരിച്ച ഓരോ ഫോർമാറ്റും ആദ്യം ഒരു കാനോനിക്കൽ RGB ട്രിപ്ലറ്റിലേക്ക് പരിഹരിക്കപ്പെടുന്നു. ആ ഒരൊറ്റ പ്രാതിനിധ്യത്തിൽ നിന്ന് ടൂൾ വ്യാപിക്കുന്നു: HSL, HSV സ്റ്റാൻഡേർഡ് min/max/chroma സൂത്രവാക്യങ്ങൾ ഉപയോഗിക്കുന്നു; key ചാനൽ കണ്ടെത്തിയാണ് CMYK ഉരുത്തിരിക്കുന്നത്; perceptual-space കണക്കുകൂട്ടലുകൾക്ക് മുമ്പ് sRGB ലീനിയറൈസേഷൻ (IEC 61966-2-1-ൽ നിർവചിച്ച piecewise gamma കർവ്) പ്രയോഗിക്കുന്നു.
  3. 3
    പുതുതായി കണക്കാക്കിയ Perceptual നിറ സ്പേസുകൾ
    Björn Ottosson-ന്റെ റഫറൻസ് 3×3 മാട്രിക്സുകൾ (LMS cube-root സ്പേസ്) ഉപയോഗിച്ചാണ് oklch() കണക്കാക്കുന്നത്. lab(), lch() D65 വൈറ്റ് പോയിന്റിൽ നിന്ന് D50-ലേക്ക് മാറ്റാൻ Bradford chromatic adaptation ഉപയോഗിക്കുന്നു, CSS Color 4 lab() നിർവചിക്കുന്ന രീതിക്ക് ഇത് അനുസൃതമാണ്. ബ്രൗസർ റെൻഡറിംഗ് എഞ്ചിനുകളിൽ ഉപയോഗിക്കുന്ന അതേ സൂത്രവാക്യങ്ങളാണിവ — ഇവിടെ ബാഹ്യ ഡിപെൻഡൻസിയില്ലാതെ നടപ്പിലാക്കിയിരിക്കുന്നു.
  4. 4
    WCAG കോൺട്രാസ്റ്റും ലൈറ്റ്നസ് സ്കെയിലും
    WCAG 2.1 സൂത്രവാക്യം (ലീനിയറൈസ് ചെയ്ത R, G, B 0.2126/0.7152/0.0722 ഭാരപ്പെടുത്തിയത്) പ്രകാരം ആപേക്ഷിക luminance കണക്കാക്കുന്നു, വെളുപ്പിനും കറുപ്പിനും എതിരായ കോൺട്രാസ്റ്റ് അനുപാതം AA-large, AA, AAA, അല്ലെങ്കിൽ Fail ആയി ഗ്രേഡ് ചെയ്യുന്നു. HSL ലൈറ്റ്നസ് ചാനൽ 10% മുതൽ 90% വരെ ഘട്ടം ഘട്ടമായി മാറ്റി ഒരു ഒൻപത്-ഘട്ട ലൈറ്റ്നസ് സ്ട്രിപ്പ് സൃഷ്ടിക്കുന്നു, ആ ഷെയ്ഡ് പരിവർത്തനം ചെയ്യാൻ ഏത് സ്വാച്ചിലും ക്ലിക്ക് ചെയ്യാൻ അനുവദിക്കുന്നു.

അനുബന്ധ ടൂളുകൾ

🎨

കളർ പിക്കർ & പാലറ്റ് ജനറേറ്റർ

നിറങ്ങൾ തിരഞ്ഞെടുക്കുക, HEX/RGB/HSL എന്നിവയ്ക്കിടയിൽ പരിവർത്തനം ചെയ്യുക, യോജിപ്പുള്ള പാലറ്റുകൾ സൃഷ്ടിക്കുക.

പരീക്ഷിച്ചു നോക്കൂ
🎨

കളർ പാലറ്റ് ജനറേറ്റർ

ഏതൊരു അടിസ്ഥാന നിറത്തിൽ നിന്നും കോംപ്ലിമെന്ററി, അനലോഗസ്, ട്രയാഡിക്, മോണോക്രോമാറ്റിക് കളർ പാലറ്റുകൾ സൃഷ്ടിക്കുക. ഒറ്റ ക്ലിക്കിൽ ഹെക്സ് കോഡുകൾ കോപ്പി ചെയ്യുക.

പരീക്ഷിച്ചു നോക്കൂ
🎛️

റെസിസ്റ്റർ കളർ കോഡ് കാൽക്കുലേറ്റർ

4, 5, 6-ബാൻഡ് റെസിസ്റ്ററുകളെ റെസിസ്റ്റൻസ്, ടോളറൻസ്, ടെമ്പറേച്ചർ കോഎഫിഷ്യന്റ് ആക്കി ഡീകോഡ് ചെയ്യുക. ബാൻഡ് നിറങ്ങൾ തിരഞ്ഞെടുക്കുക, വിഷ്വൽ റെസിസ്റ്ററോടെ മൂല്യം തൽക്ഷണം വായിക്കുക.

പരീക്ഷിച്ചു നോക്കൂ

പതിവായി ചോദിക്കുന്ന ചോദ്യങ്ങൾ