മനോഹരമായ പാലറ്റുകൾ. പരിശോധിച്ച കോൺട്രാസ്റ്റ്. ഒരൊറ്റ വർക്ക്ഫ്ലോ.
ബ്രാൻഡ് നിറം നൽകുക. ഹാർമണൈസ്ഡ് പാലറ്റ്, എല്ലാ WCAG വിധികളും, CSS, Tailwind, Figma എന്നിവയ്ക്കുള്ള എക്സ്പോർട്ടുകൾ — പേജ് വിടാതെ തന്നെ.
$5/mo മുതലുള്ള പ്ലാനുകൾ — എപ്പോൾ വേണമെങ്കിലും റദ്ദാക്കാം
പാലറ്റ് ജനറേറ്റ് ചെയ്യുക
ഒരു ബ്രാൻഡ് കളർ തിരഞ്ഞെടുക്കുക. ബാക്കിയുള്ളത് ColorWell നിർമ്മിക്കും.
അനലോഗസ്
ഷേഡുകൾ (ഇളം → ഇരുണ്ട)
എക്സ്പോർട്ട്
ഡിസൈൻ ടോക്കണുകൾ ഡൗൺലോഡ് ചെയ്യുക
പ്രോപൂർണ്ണമായ പാലറ്റയും ഷേഡ് റാമ്പും ഉപയോഗിക്കാൻ തയ്യാറായ ഫയലുകളായി സേവ് ചെയ്യുക.
ഫയലുകൾ ഡൗൺലോഡ് ചെയ്യാൻ Pro-ലേക്ക് അപ്ഗ്രേഡ് ചെയ്യുക
കോൺട്രാസ്റ്റ് പരിശോധന
പാലറ്റയിൽ നിന്ന് ഏതെങ്കിലും രണ്ട് നിറങ്ങൾ തിരഞ്ഞെടുക്കുക. ColorWell WCAG വിധി നൽകുന്നു.
വിധി: WCAG പരാജയപ്പെടുന്നു
ഒരു ബ്രാൻഡ് പാലറ്റിന് ആവശ്യമായ എല്ലാം
ദിവസവും ഇന്റർഫേസുകൾ ഷിപ്പ് ചെയ്യുന്ന പ്രവർത്തനക്ഷമമായ ഡിസൈനർമാർക്കും ഫ്രണ്ട്-എൻഡ് ടീമുകൾക്കുമായി നിർമ്മിച്ചത്.
ഹാർമണൈസ്ഡ് പാലറ്റുകൾ
ഏതെങ്കിലും ഹെക്സ് നിറം തിരഞ്ഞെടുക്കുക. ColorWell ഒരു ക്ലിക്കിൽ അനലോഗസ്, കോംപ്ലിമെന്ററി, ട്രയാഡിക്, മോണോക്രോമാറ്റിക് സ്കീമുകൾ ജനറേറ്റ് ചെയ്യുന്നു.
WCAG കോൺട്രാസ്റ്റ് — ഉടനടി
നിങ്ങളുടെ പാലറ്റിലെ ഓരോ നിറ ജോടിയും ടെക്സ്റ്റ്, ലാർജ് ടെക്സ്റ്റ്, UI കമ്പോണന്റുകൾ എന്നിവയ്ക്കെതിരെ AA/AAA വിധി നേടുന്നു.
CSS, Tailwind, Figma എക്സ്പോർട്ടുകൾ
ഒരു ക്ലിക്കിൽ CSS വേരിയബിളുകൾ, Tailwind കോൺഫിഗ്, റോ JSON ടോക്കണുകൾ, അല്ലെങ്കിൽ പേസ്റ്റ്-റെഡി Figma സ്റ്റൈലുകൾ എന്നിവയിലേക്ക് എക്സ്പോർട്ട് ചെയ്യുക.
ബ്രാൻഡ്-സേഫ് വേരിയേഷനുകൾ
ഹ്യൂ ഡ്രിഫ്റ്റ് ചെയ്യാതെ ലൈറ്റ് ചെയ്യുക, ഡാർക്കൻ ചെയ്യുക, സാച്ചുറേറ്റ് ചെയ്യുക. ColorWell പെർസെപ്ച്വൽ കളർ സ്പേസിൽ (Oklch) തന്നെ നിലനിൽക്കുന്നു.
നേമ്ഡ് ടോക്കണുകൾ
"indigo-500" അല്ലെങ്കിൽ "slate-700" പോലുള്ള ഓട്ടോ-നേമുകൾ നിങ്ങളുടെ സ്റ്റൈൽഷീറ്റ് മനുഷ്യർക്ക് വായിക്കാവുന്നതാക്കി നിലനിർത്തുന്നു, ഹെക്സ് കോഡുകൾ അല്ല.
പാലറ്റുകൾ സംരക്ഷിക്കുകയും സിങ്ക് ചെയ്യുകയും ചെയ്യുക
നിങ്ങൾ നിർമ്മിക്കുന്ന ഓരോ പാലറ്റും നിങ്ങളുടേതാണ് — നാമകരണം ചെയ്യുക, ടാഗ് ചെയ്യുക, പിന്നീട് തിരിച്ചുവരിക. Pro-വിനായി ക്ലൗഡ് സിങ്ക്.
മൂന്ന് ഘട്ടങ്ങൾ
ഒരു ബ്രാൻഡ് നിറത്തിൽ നിന്ന് ആരംഭിക്കുക. പ്രവർത്തനക്ഷമമായ സ്റ്റൈൽഷീറ്റിൽ അവസാനിക്കുക.
തിരഞ്ഞെടുക്കുക
ഒരു ഹെക്സ് വാല്യൂ നൽകുക അല്ലെങ്കിൽ കളർ പിക്കർ ഉപയോഗിക്കുക.
ജനറേറ്റ് ചെയ്യുക
ColorWell ഹാർമണൈസ്ഡ് പാലറ്റുകൾ നിർമ്മിക്കുകയും എല്ലാ കോൺട്രാസ്റ്റ് ചെക്കുകളും നടത്തുകയും ചെയ്യുന്നു.
എക്സ്പോർട്ട്
CSS, Tailwind അല്ലെങ്കിൽ Figma ടോക്കണുകൾ കോപ്പി ചെയ്യുക — നേരിട്ട് നിങ്ങളുടെ കോഡ്ബേസിലേക്ക്.
ലളിതമായ വിലനിർണ്ണയം
ഒരു പ്ലാൻ തിരഞ്ഞെടുക്കുക, ഹെക്സ് കോഡുകളുമായി പോരാടുന്നത് നിർത്തുക.
ഏകവ്യക്തി ഡിസൈനർമാർക്കായി
- മാസം 100 പാലറ്റുകൾ സേവ് ചെയ്യാം
- അപരിമിതമായ കോൺട്രാസ്റ്റ് പരിശോധനകൾ
- CSS / Tailwind / JSON എക്സ്പോർട്ട്
- ബ്രാൻഡിന് അനുയോജ്യമായ വ്യതിയാനങ്ങൾ
ബ്രാൻഡ് ടീമുകൾക്കായി
- മാസം 2000 പാലറ്റുകൾ സേവ് ചെയ്യാം
- Figma ടോക്കൺ എക്സ്പോർട്ട്
- ബ്രാൻഡ് കിറ്റ് (മൾട്ടി-പാലറ്റ് പ്രോജക്ടുകൾ)
- ക്ലൗഡ്-സിങ്ക് ചെയ്ത ലൈബ്രറികൾ
- പ്രാധാന്യമുള്ള സപ്പോർട്ട്
പതിവായി ചോദിക്കുന്നവ
എന്തെങ്കിലും ഇൻസ്റ്റാൾ ചെയ്യണോ?
ഇല്ല. ColorWell ബ്രൗസറിൽ തന്നെ പ്രവർത്തിക്കുന്നു — നിങ്ങൾ സിങ്ക് ചെയ്യാൻ തീരുമാനിക്കുന്നത് വരെ നിങ്ങളുടെ കളറുകൾ മഷിനിൽ നിന്ന് പുറത്തുപോകില്ല.
ഏത് കളർ സ്പേസ് ആണ് ഉപയോഗിക്കുന്നത്?
ColorWell ഒക്കൽച്ച് (Oklch) കളർ സ്പേസിലാണ് പ്രവർത്തിക്കുന്നത് — ബ്രാൻഡ് കളർ ലൈറ്റ് ചെയ്യുമ്പോൾ ഹ്യൂ മാറാതിരിക്കാൻ പെർസെപ്ച്വൽ കളർ സ്പേസിൽ വ്യതിയാനങ്ങൾ നിലനിർത്തുന്നു.
എക്സ്പോർട്ടുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു?
CSS വേരിയബിളുകൾ, Tailwind കോൺഫിഗ് ബ്ലോക്കുകൾ, റോ JSON, അല്ലെങ്കിൽ Figma-യ്ക്ക് അനുയോജ്യമായ സ്റ്റൈലുകൾ എന്നിവ ഒരു ക്ലിക്കിൽ ക്ലിപ്പ്ബോർഡിലേക്ക് കോപ്പി ചെയ്യാം. അവ നിങ്ങളുടെ കോഡിലേക്കോ ഡിസൈൻ ടൂളിലേക്കോ നേരിട്ട് പേസ്റ്റ് ചെയ്യുക.
സൗജന്യ ട്രയൽ ലഭിക്കുമോ?
ഇല്ല — ഇത് പേയ്ഡ് ടൂളാണ്, മാസം $5 മുതൽ പ്ലാനുകൾ ലഭ്യമാണ്. സ്റ്റാർട്ടർ $5/mo, പ്രോ $15/mo; എപ്പോൾ വേണമെങ്കിലും റദ്ദാക്കാം.
എങ്ങനെ റദ്ദാക്കാം?
അക്കൗണ്ട് പേജിൽ നിന്നോ, ഇമെയിൽ അയച്ചോ റദ്ദാക്കാം. അടുത്ത റീന്യൂവൽ നിർത്തുന്നതിനാൽ ബാക്കിയുള്ള സമയം ഉപയോഗിക്കാം.
ഹെക്സ് കോഡുകൾ മാനുവലായി ക്രമീകരിക്കുന്നത് ഒഴിവാക്കുക.
ഒരു സ്ഥലത്ത് വെച്ച് തന്നെ പാലറ്റ് ജനറേറ്റ് ചെയ്ത് സ്റ്റൈൽഷീറ്റ് ഷിപ്പ് ചെയ്യുക.
പ്ലാനുകൾ കാണുക