రంగు కాంట్రాస్ట్ చెకర్

Q: WCAG AA అనుగుణతకు కనీస కాంట్రాస్ట్ నిష్పత్తి ఎంత?

WCAG AA అనుగుణత కోసం సాధారణ టెక్స్ట్కు కనీసం 4.5:1 కాంట్రాస్ట్ నిష్పత్తి అవసరం, పెద్ద టెక్స్ట్కు (18pt లేదా 14pt బోల్డ్) 3:1 అవసరం.

Q: నా స్వంత రంగు కలయికలను పరీక్షించవచ్చా?

అవును, మీరు ఏదైనా HEX రంగు కోడ్ను నమోదు చేయవచ్చు లేదా మీ స్వంత రంగులను ఎంచుకోవడానికి రంగు పికర్ను ఉపయోగించవచ్చు. URL స్వయంచాలకంగా నవీకరించబడుతుంది, కాబట్టి మీరు నిర్దిష్ట రంగు కలయికలను పంచుకోవచ్చు.

మీ రంగులను తనిఖీ చేయండి

పాఠ్య చదవగలిగేలా WCAG యాక్సెసిబిలిటీ ప్రమాణాలను కలవడానికి రంగు కలయికలను పరీక్షించండి.

1.00:1

వ్యత్యాసం

విఫలం

చాలా దారుణం

సాధారణ పాఠ్యం

AA (4.5:1)

AAA (7:1)

పెద్ద పాఠ్యం

AA (3:1)

AAA (4.5:1)

పాఠ్య రంగు

నేపథ్య రంగు

త్వరిత పరిష్కారాలు

మునుజూపు శీర్షిక

వేగంగా పరిగెత్తే గోధుమ నక్క మోస్తరు కుక్కపైకి దూకింది

చిన్న పాఠ్య ఉదాహరణ (12px)

పాఠ్యం

#000000

నేపథ్యం

#2596be

WCAG ప్రమాణాలు

స్థాయి AA

సాధారణ టెక్స్ట్ కోసం కనీస కాంట్రాస్ట్ రేషియో 4.5:1, పెద్ద టెక్స్ట్ కోసం 3:1. చాలావరకు వెబ్‌సైట్లకు అవసరం.

స్థాయి AAA

సాధారణ టెక్స్ట్ కోసం పెరుగించిన కాంట్రాస్ట్ రేషియో 7:1 మరియు పెద్ద టెక్స్ట్ కోసం 4.5:1. అధికమైన చేరుకోవడానికి సిఫారసు చేయబడింది.

అన్ని టెక్స్ట్ పరిమాణాల కోసం తగినంత కాంట్రాస్ట్ లేదు - WCAG ప్రమాణాలను విఫలమయ్యింది.

పాఠ్యం మరియు నేపథ్య రంగుల వ్యత్యాస నిష్పత్తిని లెక్కించండి.

టెక్స్ట్ మరియు బ్యాక్‌గ్రౌండ్ రంగు కోసం రంగు ఎంపికకర్తను ఉపయోగించి ఒక రంగును ఎంచుకో లేదా RGB హెక్సాడెసిమల్ ఫార్మాట్‌లో ఒక రంగును నమోదు చేయి (ఉదా., #259 లేదా #2596BE). రంగును ఎంచుకోవడానికి స్లైడర్‌ని సర్దుబాటు చేయవచ్చు. వెబ్ కంటెంట్ ఎక్స్‌సెసిబిలిటీ గైడ్‌లైన్స్ (WCAG) తయారైన వాళ్లు చూడగలరా తెలుసుకోవడానికి ప్రత్యేకమైన గైడ్‌లైన్ ఉంది. ఈ అల్గోరిథమ్ రంగు కలయికలను తులనాత్మక నిష్పత్తులుగా మారుస్తుంది. ఈ సూత్రాన్ని ఉపయోగించడం వల్ల, సాదారణ (శరీరం) టెక్స్ట్ మరియు పెద్ద టెక్స్టులకు (18+ pt సాదారణ, లేదా 14+ pt బోల్డ్) కనీసం 3:1 రంగు కాంట్రాస్ట్ నిష్పత్తి ఉండగలగాలి.

ప్రధాన లక్షణాలు

రియల్-టైమ్ కాంట్రాస్ట్ నిష్పత్తి గణన
WCAG AA & AAA అనుగుణత తనిఖీ
సూక్ష్మ-సర్దుబాటు కోసం HSL స్లైడర్లు
బహుళ ప్రివ్యూ ఫార్మాట్లు

అధునాతన సాధనాలు

స్వయంచాలక రంగు సరిదిద్దడం
టెక్స్ట్ మరియు నేపథ్య నమూనాలు
రంగు పేరు గుర్తింపు
ఫలితాలను ఎగుమతి చేయండి

తరచుగా అడిగే ప్రశ్నలు

WCAG AA అనుగుణత కోసం సాధారణ టెక్స్ట్‌కు కనీసం 4.5:1 కాంట్రాస్ట్ నిష్పత్తి అవసరం, పెద్ద టెక్స్ట్‌కు (18pt లేదా 14pt బోల్డ్) 3:1 అవసరం.

WCAG AAA అధిక కాంట్రాస్ట్ నిష్పత్తులను కోరుతుంది: సాధారణ టెక్స్ట్‌కు 7:1 మరియు పెద్ద టెక్స్ట్‌కు 4.5:1, AA కోసం వరుసగా 4.5:1 మరియు 3:1తో పోలిస్తే.

మీ డిజైన్ ఉద్దేశాన్ని కాపాడుతూ టెక్స్ట్ లేదా నేపథ్య రంగును సర్దుబాటు చేయడానికి మా స్వయంచాలక పరిష్కార ఫీచర్‌ను ఉపయోగించండి, లేదా AA/AAA అనుగుణతకు అనువైన ప్రాంతాలను చూపే దృశ్య సూచికలతో HSL స్లైడర్‌లను ఉపయోగించి రంగులను చేతితో సర్దుబాటు చేయండి.

ఆకుపచ్చ ప్రాంతాలు మరియు AA/AAA గుర్తులు WCAG అనుగుణతను సాధించడానికి అనువైన పరిధులను చూపుతాయి. దిశ సూచనలు (లేతగా/ముదురుగా) మీ ప్రస్తుత రంగు కలయిక ఆధారంగా మెరుగైన కాంట్రాస్ట్ వైపు మిమ్మల్ని నడిపిస్తాయి.

అవును, మీరు ఏదైనా HEX రంగు కోడ్‌ను నమోదు చేయవచ్చు లేదా మీ స్వంత రంగులను ఎంచుకోవడానికి రంగు పికర్‌ను ఉపయోగించవచ్చు. URL స్వయంచాలకంగా నవీకరించబడుతుంది, కాబట్టి మీరు నిర్దిష్ట రంగు కలయికలను పంచుకోవచ్చు.