ഒരു CSS വർണ്ണ മൂല്യം നൽകുക, ഉദാഹരണത്തിന് #ff6600, ff6600, rgb(255 102 0) അല്ലെങ്കിൽ hsl(24 100% 50%). ഉപകരണം നിറം കാണിക്കുകയും സാധാരണ CSS ഫോർമാറ്റുകളിലേക്ക് പരിവർത്തനം ചെയ്യുകയും ചെയ്യും.
സുതാര്യമായ വർണ്ണത്തോടുകൂടിയ കോൺട്രാസ്റ്റ് കണക്കാക്കാൻ അതാര്യമായ പശ്ചാത്തലം ഉപയോഗിക്കുന്നു. ഇത് താരതമ്യ പശ്ചാത്തലത്തെ മാറ്റുന്നു, നിങ്ങൾ നൽകിയ നിറമല്ല.
ഈ ബ്രൗസറിൽ മൂല്യങ്ങൾ sRGB ആയി പരിഹരിച്ചു. നിലവിലെ വർണ്ണം, var(), സിസ്റ്റം നിറങ്ങൾ എന്നിവ പോലുള്ള സന്ദർഭ-ആശ്രിത നിറങ്ങൾ സ്വീകരിക്കില്ല. വൈഡ്-ഗാമറ്റും CSS കളർ 4 ഫംഗ്ഷനുകളും ഈ ടൂളിൻ്റെ പിന്തുണയുള്ള ഇൻപുട്ട് ഫോർമാറ്റുകൾക്ക് പുറത്താണ്. RGBA, HSLA, alpha HEX എന്നിവയിൽ സുതാര്യത സംരക്ഷിക്കപ്പെട്ടിരിക്കുന്നു. RGB, HSL എന്നിവ ആൽഫ ഒഴിവാക്കുന്നു. കോൺട്രാസ്റ്റ് ത്രെഷോൾഡുകൾ ഒരു പൂർണ്ണ പ്രവേശനക്ഷമത ഓഡിറ്റിന് പകരമാവില്ല.
ഒരു സാധുവായ CSS വർണ്ണ മൂല്യം നൽകുക.
ഇൻപുട്ട് മാറി. ഈ റിപ്പോർട്ട് ഇപ്പോഴും അവസാനത്തെ വിജയകരമായ ഓട്ടത്തിൻ്റേതാണ്.
ഒരു വർണ്ണ മാതൃക ഇവിടെ ദൃശ്യമാകും
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS ഇൻപുട്ട്
—
WCAG കോൺട്രാസ്റ്റ് റേഷ്യോ:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 എന്നത് സാധാരണ വാചകത്തിൻ്റെ AA പരിധിയാണ്; 3:1 വേണ്ടത്ര വലിയ ടെക്‌സ്‌റ്റിന് മാത്രം ബാധകമാണ്. 7:1 എന്നത് സാധാരണ വാചകത്തിന് AAA ആണ്. ഒരു കളർ-ജോഡി പരിശോധന മൊത്തത്തിലുള്ള പേജ് പ്രവേശനക്ഷമത സ്ഥാപിക്കുന്നില്ല.
എന്തുകൊണ്ടാണ് ഒരു ഓൺലൈൻ CSS കളർ ചെക്കർ ഉപയോഗിക്കുന്നത്?
ഏത് CSS വർണ്ണ മൂല്യവും നിങ്ങളുടെ ബ്രൗസറിൽ നേരിട്ട് ദൃശ്യവൽക്കരിക്കാൻ ഈ ഉപകരണം നിങ്ങളെ സഹായിക്കുന്നു. നിങ്ങൾക്ക് ഒരു ഡിസൈൻ സിസ്റ്റത്തിൽ നിന്നോ സ്റ്റൈൽ ഗൈഡിൽ നിന്നോ ലേഔട്ടിൽ നിന്നോ കോഡുകൾ ഒട്ടിച്ച് അവ സ്‌ക്രീനിൽ എങ്ങനെ കാണപ്പെടുന്നുവെന്ന് ഉടനടി കാണാനാകും.
ഒരു വെബ്‌സൈറ്റിനായി ശൈലികൾ തയ്യാറാക്കുമ്പോൾ, ബ്രാൻഡ് നിറങ്ങൾ പൊരുത്തപ്പെടുത്തുമ്പോൾ അല്ലെങ്കിൽ നിലവിലുള്ള ലേഔട്ടുകൾ ഡീബഗ്ഗുചെയ്യുമ്പോൾ ഇത് ഉപയോഗിക്കുക. HEX, RGB, RGBA, HSL, പേരിട്ട നിറങ്ങൾ എന്നിവയുൾപ്പെടെ എല്ലാ സ്റ്റാൻഡേർഡ് CSS ഫോർമാറ്റുകളും ചെക്കർ പിന്തുണയ്ക്കുന്നു.
പെട്ടെന്നുള്ള തുടക്കം
CSS വർണ്ണങ്ങൾ പരിവർത്തനം ചെയ്യുക, ആൽഫ ഉപയോഗിച്ച് അതാര്യമായ പശ്ചാത്തലത്തിൽ ടെക്സ്റ്റ് കോൺട്രാസ്റ്റ് പരിശോധിക്കുക.
1
ഒരു ടെക്സ്റ്റ് നിറവും പശ്ചാത്തലവും നൽകുക
2
കോൺട്രാസ്റ്റ് ത്രെഷോൾഡുകൾ പരിവർത്തനം ചെയ്യുകയും പരിശോധിക്കുകയും ചെയ്യുക
3
ഒരു ഫോർമാറ്റ് പകർത്തുക അല്ലെങ്കിൽ CSS, JSON കയറ്റുമതി ചെയ്യുക
പ്രസിദ്ധീകരണത്തിന് മുമ്പ് അവലോകനങ്ങൾ പരിശോധിക്കുന്നു. ഞങ്ങൾ യഥാർത്ഥ പോസിറ്റീവ് ഫീഡ്‌ബാക്കും നിർദ്ദിഷ്ട വിമർശനവും പ്രസിദ്ധീകരിക്കുന്നു. ഉപയോഗപ്രദമായ വിശദാംശങ്ങളില്ലാത്ത സ്പാമുകളും അവഹേളനങ്ങളും പ്രസിദ്ധീകരിക്കില്ല; അശ്ലീലവും വ്യക്തിഗത വിശദാംശങ്ങളും മറയ്ക്കുന്നു. പോസിറ്റീവ് വോട്ടുകൾ ഉടൻ എണ്ണും; നെഗറ്റീവ് വോട്ടുകൾ അവലോകനത്തിന് ശേഷം എണ്ണും.
അവലോകനങ്ങൾ ഉപയോക്താക്കളുടെ അനുഭവങ്ങളെ പ്രതിഫലിപ്പിക്കുന്നു, ഫലങ്ങളുടെ ഗ്യാരണ്ടിയോ സേവന പരിധികളുടെ വിവരണമോ അല്ല. ഒരു അവലോകനം നൽകാൻ മുകളിലുള്ള റേറ്റിംഗ് ബട്ടണുകൾ ഉപയോഗിക്കുക.
ഈ ഭാഷയിൽ ഇതുവരെ പ്രസിദ്ധീകരിച്ച അവലോകനങ്ങളൊന്നുമില്ല.
