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

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

ഈ ടൂൾ ബാഹ്യ ലൈബ്രറികളൊന്നുമില്ലാതെ നിർമ്മിച്ചതാണ് — എല്ലാ നിറ ഗണിതവും കൈകൊണ്ട് എഴുതിയ JavaScript ആയി നേരിട്ട് നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു. നിങ്ങൾ തിരഞ്ഞെടുക്കുന്ന നിറം ഹെക്സിനും HSL-നും ഇടയിൽ പരിവർത്തനം ചെയ്യുന്നു, പിന്നെ ഓരോ പാലറ്റും നിർമ്മിക്കാൻ ഹ്യൂ ചക്രത്തിലെ ഗണിതത്തിലൂടെ ക്ലാസിക് നിറ സിദ്ധാന്ത ഹാർമണി നിയമങ്ങൾ (complementary, triadic, analogous മുതലായവ) പ്രയോഗിക്കുന്നു.

1. 1
   ഹെക്സ്-ടു-HSL പരിവർത്തനം

   നിങ്ങൾ ഒരു നിറം തിരഞ്ഞെടുക്കുമ്പോൾ, ടൂൾ ഹെക്സ് സ്ട്രിംഗ് RGB ഘടകങ്ങളാക്കി പാഴ്സ് ചെയ്ത് HSL (hue, saturation, lightness) ആയി മാറ്റുന്നു. Hue എന്നത് നിറ ചക്രത്തിലെ 0–360 ഡിഗ്രി സ്ഥാനമാണ്; പാലറ്റ് ഗണിതം എല്ലാം ഈ സ്പേസിലാണ് നടക്കുന്നത്.
2. 2
   ഹാർമണിക്കുള്ള Hue ഗണിതം

   ഓരോ പാലറ്റ് ടൈപ്പും ബേസ് ഹ്യൂവിൽ പ്രയോഗിക്കുന്ന ഒരു നിശ്ചിത ഭ്രമണ സൂത്രവാക്യമാണ്. Complementary 180° ചേർക്കുന്നു, triadic 120°, 240° ചേർക്കുന്നു, tetradic 90° ഘട്ടങ്ങളായി നീങ്ങുന്നു, split-complementary 150°, 210° ഉപയോഗിക്കുന്നു. Monochromatic, shades ഹ്യൂവും സാച്യുറേഷനും സ്ഥിരമായി നിലനിർത്തി ലൈറ്റ്നസ് മുകളിലേക്കും താഴേക്കും ഘട്ടം ഘട്ടമായി മാറ്റുന്നു.
3. 3
   HSL-ടു-ഹെക്സ് ഔട്ട്പുട്ട്

   കണക്കാക്കിയ ഓരോ HSL ട്രിപ്ലറ്റും സ്റ്റാൻഡേർഡ് ക്രോമ സൂത്രവാക്യം ഉപയോഗിച്ച് തിരികെ ഒരു ഹെക്സ് നിറമായി മാറ്റുന്നു. ഒരു ലളിതമായ luminance പരിധി ഉപയോഗിച്ച് നിശ്ചയിക്കപ്പെടുന്ന ഓട്ടോ-കോൺട്രാസ്റ്റ് ലേബലുകളോടെ (ഇളം സ്വാച്ചുകളിൽ ഇരുണ്ട ടെക്സ്റ്റ്, ഇരുണ്ടവയിൽ ഇളം ടെക്സ്റ്റ്) ഫലങ്ങൾ ഒരു നിറ സ്ട്രിപ്പായി പ്രദർശിപ്പിക്കുന്നു.
4. 4
   നിങ്ങളുടെ ഇഷ്ട ഫോർമാറ്റിൽ എക്സ്പോർട്ട് ചെയ്യുക

   പാലറ്റ് ഹെക്സ് സ്ട്രിംഗുകളായി പകർത്താം അല്ലെങ്കിൽ CSS വേരിയബിളുകൾ ഫയലായി (:root { --color-1: … }), SCSS വേരിയബിളുകളായി, ഒരു Tailwind കോൺഫിഗ് സ്നിപ്പെറ്റായി, ഒരു JSON ഒബ്ജക്റ്റായി, അല്ലെങ്കിൽ ഒരു PNG നിറ സ്ട്രിപ്പായി എക്സ്പോർട്ട് ചെയ്യാം. PNG എക്സ്പോർട്ട് ബ്രൗസറിന്റെ Canvas API (toDataURL) ഉപയോഗിച്ച് അതിന്റെ ഹെക്സ് ലേബലോടെ ഓരോ സ്വാച്ചും വരയ്ക്കുന്നു — എല്ലാം ക്ലിക്കിൽ പ്രാദേശികമായി സൃഷ്ടിക്കപ്പെടുന്നു.

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