കളർ കോൺട്രാസ്റ്റ് ചെക്കർ

WCAG AA, AAA എന്നിവയ്‌ക്കെതിരായ മുൻഭാഗം/പശ്ചാത്തല കോൺട്രാസ്റ്റ് പരിശോധിക്കുക. നിങ്ങൾ നിറങ്ങൾ തിരഞ്ഞെടുക്കുമ്പോൾ അനുപാത അപ്ഡേറ്റ് കാണുക.

Color Contrast Checker

Live

Foreground (text)

Background

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

WCAG AA, AAA മാർഗ്ഗനിർദ്ദേശങ്ങൾക്കെതിരായ മുൻഭാഗം/പശ്ചാത്തല കോൺട്രാസ്റ്റ് പരിശോധിക്കുക.
നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു
സൗജന്യമായി ഉപയോഗിക്കാം

എങ്ങനെ ഉപയോഗിക്കാം

ടെക്‌സ്‌റ്റും (ഫോർഗ്രൗണ്ട്) പശ്ചാത്തല നിറങ്ങളും തിരഞ്ഞെടുക്കുക.
കോൺട്രാസ്റ്റ് റേഷ്യോയും AA/AAA ഫലങ്ങളും വായിക്കുക.
നിങ്ങളുടെ ടാർഗെറ്റ് ലെവൽ കടന്നുപോകുന്നതുവരെ ക്രമീകരിക്കുക.

How this tool works

ടെക്‌സ്‌റ്റും (ഫോർഗ്രൗണ്ട്) പശ്ചാത്തല നിറങ്ങളും തിരഞ്ഞെടുക്കുക.
കോൺട്രാസ്റ്റ് റേഷ്യോയും AA/AAA ഫലങ്ങളും വായിക്കുക.
നിങ്ങളുടെ ടാർഗെറ്റ് ലെവൽ കടന്നുപോകുന്നതുവരെ ക്രമീകരിക്കുക.

Recommended settings

ആദ്യം ഡിഫോൾട്ട് ഓപ്ഷനുകൾ ഉപയോഗിക്കുക, തുടർന്ന് ആവശ്യമെങ്കിൽ ക്രമീകരിക്കുക

Supported formats

Text / on-page input

File size and limits

വളരെ സങ്കീർണ്ണമായ മൾട്ടി-ലെയർ പ്രിവ്യൂകൾ പഴയ ഫോണുകളിൽ മന്ദഗതിയിലായേക്കാം.

Privacy

നിറവും CSS ജനറേറ്ററുകളും പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു. പ്രിവ്യൂകളും പരിവർത്തനങ്ങളും ഒരിക്കലും നിങ്ങളുടെ ശൈലികൾ അപ്‌ലോഡ് ചെയ്യുന്നില്ല.

Common use cases

നിങ്ങൾക്ക് ആവശ്യമുള്ളപ്പോഴെല്ലാം കളർ കോൺട്രാസ്റ്റ് ചെക്കർ ഉപയോഗിക്കുക: WCAG AA, AAA മാർഗ്ഗനിർദ്ദേശങ്ങൾക്കെതിരായ മുൻഭാഗം/പശ്ചാത്തല ദൃശ്യതീവ്രത പരിശോധിക്കുക.

Troubleshooting

ഒട്ടിച്ചതിന് ശേഷം പ്രിവ്യൂ വ്യത്യസ്തമായി കാണപ്പെടുന്നു

നിങ്ങളുടെ പേജിൽ മത്സരിക്കുന്ന CSS പരിശോധിക്കുക (റീസെറ്റുകൾ, പാരമ്പര്യ നിറങ്ങൾ). ജനറേറ്റ് ചെയ്ത നിയമം ആദ്യം ഒരു ഒറ്റപ്പെട്ട സ്റ്റൈൽഷീറ്റിലേക്ക് പകർത്തുക.

പതിവ് ചോദ്യങ്ങൾ

ഇത് എൻ്റെ CSS അപ്‌ലോഡ് ചെയ്യുന്നുണ്ടോ?

നമ്പർ. ജനറേറ്ററുകളും കൺവെർട്ടറുകളും തത്സമയ പ്രിവ്യൂ ഉപയോഗിച്ച് നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.

എനിക്ക് ഒരു അക്കൗണ്ട് ആവശ്യമുണ്ടോ?

ഇല്ല. ടൂൾ തുറക്കുക, നിയന്ത്രണങ്ങൾ മാറ്റുക, CSS പകർത്തുക.