రంగు కాంట్రాస్ట్ చెకర్
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
WCAG Compliance
Normal Text
Large Text (18pt+ or 14pt+ bold)
UI Components & Graphics
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
మా కలర్ కాంట్రాస్ట్ చెకర్ ఎలా పనిచేస్తుంది
RGB hex విలువలను ఉపయోగించి మీ ఫోర్ గ్రౌండ్ మరియు బ్యాక్ గ్రౌండ్ రంగులను నమోదు చేయండి లేదా వాటిని నేరుగా కలర్ పిక్కర్ తో ఎంచుకోండి.
మీరు చేయగలరు:
- ఫోర్ గ్రౌండ్ రంగు ఎంత పారదర్శకంగా ఉందో మార్చడానికి ఆల్ఫాను సర్దుబాటు చేయండి.
- రంగు తేలికగా లేదా ముదురు రంగులో కనిపించేలా చేయడానికి లైట్ నెస్ స్లయిడర్ ఉపయోగించండి.
మా సాధనం అప్పుడు కాంట్రాస్ట్ నిష్పత్తిని లెక్కిస్తుంది మరియు WCAG మార్గదర్శకాలకు వ్యతిరేకంగా తనిఖీ చేస్తుంది:
- డబ్ల్యుసిఎజి 2.0 లెవల్ ఏఏ
- సాధారణ శరీర వచనం కొరకు కనీసం 4.5:1
- పెద్ద టెక్స్ట్ కొరకు కనీసం 3:1
- డబ్ల్యుసిఎజి 2.1 (యుఐ & గ్రాఫిక్స్)
- చిహ్నాలు, సరిహద్దులు మరియు ఇతర ఇంటర్ ఫేస్ భాగాల కోసం కనీసం 3:1
- WCAG స్థాయి AAA
- సాధారణ టెక్స్ట్ కోసం కనీసం 7:1
- పెద్ద టెక్ట్స్ కొరకు కనీసం 4.5:1
పెద్ద టెక్ట్స్ అంటే:
- 14 pt (సుమారు 18.66 px) మరియు బోల్డ్, లేదా
- 18 pt (సుమారు px) లేదా అంతకంటే ఎక్కువ
మీ స్క్రీన్ పై ఏదైనా ఖచ్చితమైన రంగులను పట్టుకోవడానికి మీరు కలర్ పిక్కర్ లోని ఐడ్రాపర్ ను ఉపయోగించవచ్చు. ఇది నిజమైన డిజైన్లు, బటన్లు లేదా నేపథ్యాలను పరీక్షించడం సులభం చేస్తుంది.
రంగుపై మాత్రమే ఆధారపడే లింక్ ల కోసం, అవి ప్రాప్యత ప్రమాణాలకు అనుగుణంగా ఉన్నాయని మరియు ప్రతి ఒక్కరికీ చదవడం సులభం అని నిర్ధారించుకోవడానికి మా కలర్ కాంట్రాస్ట్ చెకర్ ను ఉపయోగించండి.
API డాక్యుమెంటేషన్ త్వరలో వస్తుంది
Documentation for this tool is being prepared. Please check back later or visit our full API documentation.