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

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

കൈകൊണ്ട് എഴുതിയ പരിവർത്തന ഗണിതം ഉപയോഗിച്ച് എല്ലാം നേരിട്ട് നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു — നിറ ലൈബ്രറിയില്ല, സെർവർ റൗണ്ട്-ട്രിപ്പില്ല. ബ്രൗസറിന്റെ നേറ്റീവ് നിറ ഇൻപുട്ട് അല്ലെങ്കിൽ EyeDropper API വഴി നിങ്ങൾ ഒരു നിറം തിരഞ്ഞെടുക്കുന്നു, WCAG കോൺട്രാസ്റ്റ് അനുപാതങ്ങൾ കണക്കാക്കുകയും ഹാർമണി പാലറ്റുകൾ സൃഷ്ടിക്കുകയും ചെയ്യുന്നതോടൊപ്പം ടൂൾ അതിനെ ഉടനടി ആറ് ഫോർമാറ്റുകളിലേക്ക് പരിവർത്തനം ചെയ്യുന്നു.

1. 1
   നേറ്റീവ് API വഴി നിറ ഇൻപുട്ട്

   ബ്രൗസറിന്റെ ബിൽറ്റ്-ഇൻ <input type="color"> വിജറ്റ് വഴി നിങ്ങൾ ഒരു നിറം തിരഞ്ഞെടുക്കുന്നു, അല്ലെങ്കിൽ — Chromium-അധിഷ്ഠിത ബ്രൗസറുകളിൽ — EyeDropper API നിങ്ങളുടെ സ്ക്രീനിലെ ഏത് പിക്സലും സാമ്പിൾ ചെയ്യാൻ അനുവദിക്കുന്നു. രണ്ട് പാതകളും ഒരു ഹെക്സ് സ്ട്രിംഗ് നൽകുന്നു, അത് ഒറ്റ ഉറവിടമായ സത്യമായി മാറുന്നു.
2. 2
   കൈകൊണ്ട് എഴുതിയ ഫോർമാറ്റ് പരിവർത്തനങ്ങൾ

   ടൂൾ ഹെക്സ് മൂല്യത്തെ അതിന്റെ സ്വന്തം ഗണിത ഫംഗ്ഷനുകൾ ഉപയോഗിച്ച് (ബാഹ്യ ലൈബ്രറിയില്ല) RGB, HSL, HSV, CMYK, OKLCH ആയി മാറ്റുന്നു. OKLCH പരിവർത്തനം sRGB ചാനലുകൾ ലീനിയറൈസ് ചെയ്യുന്നു, OKLab cube-root മാട്രിക്സ് പ്രയോഗിക്കുന്നു, പിന്നെ chroma, hue ആംഗിൾ ഉരുത്തിരിക്കുന്നു — ആധുനിക CSS Color Level 4 ഔട്ട്പുട്ടിന് അനുസൃതം.
3. 3
   WCAG കോൺട്രാസ്റ്റ് അനുപാത കണക്കുകൂട്ടൽ

   WCAG 2.x സൂത്രവാക്യം ഉപയോഗിച്ച് ലീനിയറൈസ് ചെയ്ത RGB ചാനലുകളിൽ നിന്ന് ആപേക്ഷിക luminance കണക്കാക്കുന്നു. പിന്നെ ടൂൾ ശുദ്ധ വെളുപ്പിനും ശുദ്ധ കറുപ്പിനും എതിരായ കോൺട്രാസ്റ്റ് അനുപാതങ്ങൾ കണക്കാക്കി WCAG പരിധികൾ (3:1, 4.5:1, 7:1) പ്രകാരം AA-large, AA, AAA, അല്ലെങ്കിൽ Fail എന്ന് ലേബൽ ചെയ്യുന്നു.
4. 4
   ഹാർമണി പാലറ്റ് സൃഷ്ടിയും പ്രാദേശിക സേവും

   Complementary, triadic, analogous, monochromatic സ്വാച്ചുകൾ HSL ഹ്യൂ, ലൈറ്റ്നസ് മൂല്യങ്ങൾ ഗണിതശാസ്ത്രപരമായി ഭ്രമണം ചെയ്തോ ഘട്ടം ഘട്ടമായി മാറ്റിയോ ഉരുത്തിരിക്കുന്നു. സേവ് ചെയ്ത പാലറ്റുകൾ നിങ്ങളുടെ ബ്രൗസറിലെ localStorage-ലേക്ക് എഴുതപ്പെടുന്നു — ഒന്നും നിങ്ങളുടെ ഉപകരണം വിട്ട് പോകില്ല.

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