വർണ്ണ പരിവർത്തനം
#f5f5f5
≈ Wild Sand
വ്യതിയാനങ്ങൾ
ഈ വിഭാഗത്തിന്റെ ഉദ്ദേശ്യം നിങ്ങൾ തിരഞ്ഞെടുത്ത നിറത്തിന്റെ ടിന്റുകളും (ശുദ്ധമായ വെള്ള ചേർത്തത്) ഷേഡുകളും (ശുദ്ധമായ കറുപ്പ് ചേർത്തത്) 10% വർദ്ധനവിൽ കൃത്യമായി നിർമ്മിക്കുക എന്നതാണ്.
പ്രോ ടിപ്പ്: ഹോവർ സ്റ്റേറ്റുകൾക്കും ഷാഡോകൾക്കും ഷേഡുകൾ ഉപയോഗിക്കുക, ഹൈലൈറ്റുകൾക്കും പശ്ചാത്തലങ്ങൾക്കും ടിന്റുകൾ ഉപയോഗിക്കുക.
ഷേഡുകൾ
നിങ്ങളുടെ അടിസ്ഥാന നിറത്തിലേക്ക് കറുപ്പ് ചേർത്തുകൊണ്ട് ഇരുണ്ട വ്യതിയാനങ്ങൾ സൃഷ്ടിച്ചു.
ടിന്റുകൾ
നിങ്ങളുടെ അടിസ്ഥാന നിറത്തിൽ വെള്ള ചേർത്തുകൊണ്ട് സൃഷ്ടിച്ച ഇളം നിറ വ്യതിയാനങ്ങൾ.
സാധാരണ ഉപയോഗ കേസുകൾ
- • UI ഘടക അവസ്ഥകൾ (ഹോവർ, സജീവം, പ്രവർത്തനരഹിതം)
- • ഷാഡോകളും ഹൈലൈറ്റുകളും ഉപയോഗിച്ച് ആഴം സൃഷ്ടിക്കുന്നു
- • സ്ഥിരമായ വർണ്ണ സംവിധാനങ്ങൾ നിർമ്മിക്കുന്നു
ഡിസൈൻ സിസ്റ്റം നുറുങ്ങ്
ഈ വ്യതിയാനങ്ങളാണ് ഒരു ഏകീകൃത വർണ്ണ പാലറ്റിന്റെ അടിത്തറയായി മാറുന്നത്. നിങ്ങളുടെ മുഴുവൻ പ്രോജക്റ്റിലും സ്ഥിരത നിലനിർത്താൻ അവ എക്സ്പോർട്ട് ചെയ്യുക.
വർണ്ണ കോമ്പിനേഷനുകൾ
ഓരോ ഹാർമണിക്കും അതിന്റേതായ മാനസികാവസ്ഥയുണ്ട്. പരസ്പരം നന്നായി പ്രവർത്തിക്കുന്ന വർണ്ണ കോമ്പോസിഷനുകൾക്കായി ഹാർമണികൾ ഉപയോഗിക്കുക.
എങ്ങനെ ഉപയോഗിക്കാം
ഏതെങ്കിലും നിറത്തിന്റെ ഹെക്സ് മൂല്യം പകർത്താൻ അതിൽ ക്ലിക്കുചെയ്യുക. ഈ കോമ്പിനേഷനുകൾ ദൃശ്യ ഐക്യം സൃഷ്ടിക്കാൻ ഗണിതശാസ്ത്രപരമായി തെളിയിക്കപ്പെട്ടിട്ടുണ്ട്.
എന്തുകൊണ്ട് അത് പ്രധാനമാണ്
വർണ്ണ പൊരുത്തങ്ങൾ നിങ്ങളുടെ ഡിസൈനുകളിൽ സന്തുലിതാവസ്ഥ സൃഷ്ടിക്കുകയും പ്രത്യേക വികാരങ്ങൾ ഉണർത്തുകയും ചെയ്യുന്നു.
പൂരകം
കളർ വീലിൽ ഒരു നിറവും അതിന്റെ വിപരീതവും, +180 ഡിഗ്രി ഹ്യൂ. ഉയർന്ന കോൺട്രാസ്റ്റ്.
സ്പ്ലിറ്റ്-കോംപ്ലിമെന്ററി
ഒരു നിറവും അതിന്റെ പൂരകത്തോട് ചേർന്നുള്ള രണ്ട് നിറങ്ങളും, പ്രധാന നിറത്തിന് എതിർവശത്തുള്ള മൂല്യത്തിൽ നിന്ന് +/-30 ഡിഗ്രി ഹ്യൂ. ഒരു നേരായ പൂരകം പോലെ ബോൾഡ്, പക്ഷേ കൂടുതൽ വൈവിധ്യമാർന്നത്.
ട്രയാഡിക്
കളർ വീലിൽ തുല്യ അകലത്തിൽ മൂന്ന് നിറങ്ങൾ, ഓരോന്നിനും 120 ഡിഗ്രി നിറം അകലം. ഒരു നിറം ആധിപത്യം സ്ഥാപിക്കാൻ അനുവദിക്കുകയും മറ്റുള്ളവ ആക്സന്റുകളായി ഉപയോഗിക്കുകയും ചെയ്യുന്നതാണ് നല്ലത്.
സമാനം
ഒരേ പ്രകാശത്തിന്റെയും സാച്ചുറേഷന്റെയും മൂന്ന് നിറങ്ങൾ, കളർ വീലിൽ 30 ഡിഗ്രി അകലത്തിൽ തൊട്ടടുത്തുള്ള നിറങ്ങൾ. സുഗമമായ സംക്രമണങ്ങൾ.
മോണോക്രോമാറ്റിക്
+/-50% പ്രകാശ മൂല്യങ്ങളുള്ള ഒരേ നിറത്തിലുള്ള മൂന്ന് നിറങ്ങൾ. സൂക്ഷ്മവും പരിഷ്കൃതവും.
ടെട്രാഡിക്
60 ഡിഗ്രി ഹ്യൂ കൊണ്ട് വേർതിരിച്ച രണ്ട് സെറ്റ് പൂരക നിറങ്ങൾ.
വർണ്ണ സിദ്ധാന്ത തത്വങ്ങൾ
ബാലൻസ്
ഒരു പ്രബല നിറം മാത്രം ഉപയോഗിക്കുക, ദ്വിതീയ നിറം ഉപയോഗിച്ച് പിന്തുണ നൽകുക, ആക്സന്റ് വളരെ കുറച്ച് മാത്രം ഉപയോഗിക്കുക.
കോൺട്രാസ്റ്റ്
വായനാക്ഷമതയ്ക്കും ആക്സസ്സിബിലിറ്റിക്കും ആവശ്യമായ കോൺട്രാസ്റ്റ് ഉറപ്പാക്കുക.
ഹാർമണി
ഏകീകൃത ദൃശ്യാനുഭവം സൃഷ്ടിക്കുന്നതിന് നിറങ്ങൾ ഒരുമിച്ച് പ്രവർത്തിക്കണം.
കളർ കോൺട്രാസ്റ്റ് ചെക്കർ
ടെക്സ്റ്റ് വായനാക്ഷമതയ്ക്കായി WCAG പ്രവേശനക്ഷമത മാനദണ്ഡങ്ങൾ പാലിക്കുന്നുണ്ടെന്ന് ഉറപ്പാക്കാൻ വർണ്ണ കോമ്പിനേഷനുകൾ പരീക്ഷിക്കുക.
വാചക നിറം
പശ്ചാത്തല നിറം
കോൺട്രാസ്റ്റ്
WCAG മാനദണ്ഡങ്ങൾ
വിപുലമായ കോൺട്രാസ്റ്റ് ചെക്കർ
സ്ലൈഡറുകൾ, ഒന്നിലധികം പ്രിവ്യൂകൾ എന്നിവയും മറ്റും ഉപയോഗിച്ച് ഫൈൻ-ട്യൂൺ ചെയ്യുക
എല്ലാവരും പ്രതിഭകളാണ്. എന്നാൽ ഒരു മത്സ്യത്തെ മരത്തിൽ കയറാനുള്ള കഴിവ് കൊണ്ട് നിങ്ങൾ വിലയിരുത്തുകയാണെങ്കിൽ, അത് മണ്ടത്തരമാണെന്ന് വിശ്വസിച്ച് ജീവിതകാലം മുഴുവൻ ജീവിക്കും.