ഗ്രേഡിയന്റ് ജനറേറ്റർ
ഒരു ലീനിയർ, റേഡിയൽ അല്ലെങ്കിൽ കോണിക് ഗ്രേഡിയന്റ് നിർമ്മിക്കുക, കളർ സ്റ്റോപ്പുകൾ ചേർത്ത് ദിശ സജ്ജമാക്കുക, തുടർന്ന് ഒറ്റ ക്ലിക്കിൽ CSS പകർപ്പ് ചെയ്യുക.
ഓരോ ഗ്രേഡിയന്റും നിങ്ങളുടെ ബ്രൗസറിൽ തന്നെയാണ് റെൻഡർ ചെയ്യുന്നത്. നിങ്ങൾ ഇവിടെ സജ്ജീകരിക്കുന്നതൊന്നും BroBroGo-ലേക്ക് അപ്ലോഡ് ചെയ്യില്ല.
പതിവ് ചോദ്യങ്ങൾ
ലീനിയർ, റേഡിയൽ, കോണിക് ഗ്രേഡിയന്റുകൾ തമ്മിലുള്ള വ്യത്യാസം എന്താണ്?
ഒരു ലീനിയർ ഗ്രേഡിയന്റ് നിങ്ങൾ ഒരു ആംഗിൾ ഉപയോഗിച്ച് ലക്ഷ്യമിടുന്ന നേർരേഖയിലൂടെ നിറങ്ങൾ കൂട്ടിച്ചേർക്കുന്നു. ഒരു റേഡിയൽ ഗ്രേഡിയന്റ് അവയെ മധ്യത്തിൽ നിന്ന് പുറത്തേക്ക് ഒരു വട്ടത്തിലോ എലിപ്സിലോ പരത്തുന്നു. ഒരു കോണിക് ഗ്രേഡിയന്റ് ഒരു കളർ വീൽ പോലെ അവയെ മധ്യത്തിന് ചുറ്റും തിരിക്കുന്നു.
കളർ സ്റ്റോപ്പുകൾ എന്നാൽ എന്താണ്?
ഓരോ കളർ സ്റ്റോപ്പും ഗ്രേഡിയന്റിലെ ഒരു നിശ്ചിത സ്ഥാനത്ത് പിൻ ചെയ്ത നിറമാണ് — തുടക്കത്തിൽ 0%, അവസാനം 100%. ഒരു നിറം എവിടെയാണ് കൂടുതൽ തെളിയേണ്ടത് എന്ന് മാറ്റാൻ ഒരു സ്റ്റോപ്പ് നീക്കുക, അല്ലെങ്കിൽ കൂടുതൽ മികച്ച മിശ്രിതത്തിനായി കൂടുതൽ സ്റ്റോപ്പുകൾ ചേർക്കുക. നിങ്ങൾക്ക് എട്ട് വരെ ഉപയോഗിക്കാം.
ഞാൻ എങ്ങനെയാണ് ദിശ നിയന്ത്രിക്കുക?
ഒരു ലീനിയർ അല്ലെങ്കിൽ കോണിക് ഗ്രേഡിയന്റിനായി, ആംഗിൾ സ്ലൈഡർ ദിശ സജ്ജമാക്കുന്നു — 0° മുകളിലേക്കും 90° വലത്തോട്ടും ചൂണ്ടിക്കാണിക്കുന്നു. റേഡിയൽ ഗ്രേഡിയന്റിന് ആംഗിൾ ഇല്ല; അതിനുപകരം അത് എങ്ങനെ പടരുന്നു എന്ന് മാറ്റാൻ ഒരു സർക്കിൾ അല്ലെങ്കിൽ എലിപ്സ് ആകൃതി തിരഞ്ഞെടുക്കുക.