வண்ண மாறுபாடு சரிபார்ப்பு

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ஐ நகலெடுக்கவும்.