← ടൂളുകൾ
ഡിസൈൻ & CSS
വർണ്ണങ്ങൾ, പ്രതികരിക്കുന്ന വലുപ്പം, പ്രൊഡക്ഷൻ-റെഡി CSS എന്നിവ സൃഷ്ടിക്കുക.
നിറം & ആക്സസിബിലിറ്റി
- കളർ കൺവെർട്ടർHEX, RGB, HSL, HSV, CMYK, LAB എന്നിവയ്ക്കിടയിൽ നിറങ്ങൾ പരിവർത്തനം ചെയ്യുക — ഏതെങ്കിലും ഫീൽഡ് എഡിറ്റ് ചെയ്യുക, ബാക്കിയുള്ളവ തനിയെ അപ്ഡേറ്റ് ചെയ്യപ്പെടും.പ്രത്യേക പേജുകൾ (8)
- കോൺട്രാസ്റ്റ് ചെക്കർWCAG കോൺട്രാസ്റ്റ് അനുപാതവും ഏതൊക്കെ AA, AAA ലെവലുകൾ പാസാകുന്നുവെന്നും കാണാൻ ഒരു ടെക്സ്റ്റും പശ്ചാത്തല നിറവും നൽകുക.
CSS ലേഔട്ട് & ഇഫക്റ്റുകൾ
- ബോക്സ് ഷാഡോ ജനറേറ്റർഒരു ബോക്സ്-ഷാഡോ രൂപപ്പെടുത്താൻ സ്ലൈഡറുകൾ വലിക്കുക, ആഴത്തിനായി ലെയറുകൾ അടുക്കുക, പൂർത്തിയായ CSS തൽക്ഷണം പകർപ്പ് ചെയ്യുക.
- ഗ്രേഡിയന്റ് ജനറേറ്റർഒരു ലീനിയർ, റേഡിയൽ അല്ലെങ്കിൽ കോണിക് ഗ്രേഡിയന്റ് നിർമ്മിക്കുക, കളർ സ്റ്റോപ്പുകൾ ചേർത്ത് ദിശ സജ്ജമാക്കുക, തുടർന്ന് ഒറ്റ ക്ലിക്കിൽ CSS പകർപ്പ് ചെയ്യുക.
- ബോർഡർ റേഡിയസ് ജനറേറ്റർസ്ലൈഡറുകൾ ഉപയോഗിച്ച് ഓരോ കോണും ഉരുണ്ടതാക്കുക, എലിപ്റ്റിക്കൽ മോഡ് ഉപയോഗിച്ച് ഓർഗാനിക് ബ്ലോബുകൾ രൂപപ്പെടുത്തുക, CSS തൽക്ഷണം പകർപ്പ് ചെയ്യുക.
- ഫ്ലെക്സ്ബോക്സ് ജനറേറ്റർവിഷ്വൽ കൺട്രോളുകൾ ഉപയോഗിച്ച് ഒരു ഫ്ലെക്സ് കണ്ടെയ്നറും അതിന്റെ ഐറ്റങ്ങളും സജ്ജമാക്കുക, ലേഔട്ട് തത്സമയം മാറുന്നത് കാണുക, ഒറ്റ ക്ലിക്കിൽ CSS പകർപ്പ് ചെയ്യുക.
- CSS ഗ്രിഡ് ജനറേറ്റർനിങ്ങളുടെ കോളങ്ങളും റോകളും സജ്ജമാക്കുക, ഐറ്റങ്ങൾ സ്ഥാപിക്കാൻ സെല്ലുകളിലൂടെ വലിക്കുക, ഒറ്റ ക്ലിക്കിൽ അനുയോജ്യമായ HTML-നൊപ്പം ഗ്രിഡ് CSS പകർപ്പ് ചെയ്യുക.
- CSS ക്യൂബിക് ബെസിയർ ജനറേറ്റർഒരു ഈസിംഗ് കർവ് രൂപപ്പെടുത്താൻ രണ്ട് ഹാൻഡിലുകൾ വലിക്കുക, ഒരു ഡോട്ട് സ്ഥിരതയുള്ള ഒന്നിനെതിരെ നീങ്ങുന്നത് കാണുക, കൂടാതെ cubic-bezier() മൂല്യം പകർപ്പ് ചെയ്യുക.
- CSS clamp() കാൽക്കുലേറ്റർചെറിയതും വലിയതുമായ സ്ക്രീനുകൾക്കായി ഒരു വലുപ്പം നൽകുക, അതിനിടയിൽ സുഗമമായി സ്കെയിൽ ചെയ്യുന്ന ഒരു ഫ്ലൂയിഡ് clamp() മൂല്യം നേടുക — ഫോണ്ട് സൈസുകൾ, പാഡിംഗ്, മാർജിനുകൾ അല്ലെങ്കിൽ ഗ്യാപ്പുകൾ എന്നിവയ്ക്കായി.
ഫോണ്ട് പരിശോധന & ലൈസൻസിംഗ്
സ്ക്രീൻ, പ്രിന്റ് & അനുപാതം
- പിക്സൽ / DPI കൺവെർട്ടർഏതൊരു DPI/PPI-ലും പിക്സലുകളെ ഇഞ്ച്, cm, mm എന്നിവയിലേക്ക് മാറ്റുക — സ്ക്രീൻ ഡിസൈനിനും പ്രിന്റിംഗ് ജോലികൾക്കും ഒരുപോലെ അനുയോജ്യം.
- സ്ക്രീൻ PPI കാൽക്കുലേറ്റർപിക്സൽ സാന്ദ്രത, ഡോട്ട് പിച്ച്, യഥാർത്ഥ അളവുകൾ എന്നിവയും അതിലേറെയും ലഭിക്കാൻ റെസല്യൂഷനും സ്ക്രീൻ അളവും നൽകുക.
- px to rem & em കൺവെർട്ടർനിങ്ങളുടെ സ്വന്തം റൂട്ടും കോൺടെക്സ്റ്റ് ഫോണ്ട് സൈസുകളും ഉപയോഗിച്ച് px, rem, em എന്നിവയ്ക്കിടയിൽ പരിവർത്തനം ചെയ്യുക — ഏതെങ്കിലും ഫീൽഡ് എഡിറ്റ് ചെയ്യുക, ബാക്കി രണ്ടും നിങ്ങൾ ടൈപ്പ് ചെയ്യുമ്പോൾ അപ്ഡേറ്റ് ചെയ്യപ്പെടും.
ഈ വിഭാഗത്തിൽ പൊരുത്തപ്പെടുന്ന ടൂളുകളൊന്നുമില്ല.