ఉచిత WCAG కలర్ కాంట్రాస్ట్ చెకర్

ఇది ఎలా పనిచేస్తుంది

కాంట్రాస్ట్ తనిఖీ WCAG 2.1 సాపేక్ష ప్రకాశం అల్గారిథమ్ ఉపయోగించి పూర్తిగా మీ బ్రౌజర్‌లో నడుస్తుంది — లైబ్రరీ లేదు, సర్వర్ లేదు, స్పెక్‌ను ఖచ్చితంగా అనుసరించే చేతితో రాసిన గణితం మాత్రమే. మీరు టైప్ చేస్తుండగా లేదా రంగు ఎంచుకుంటుండగా ప్రతి ఫలితం రియల్ టైమ్‌లో అప్‌డేట్ అవుతుంది.

1. 1
   Hex ఇన్‌పుట్ మరియు నార్మలైజేషన్

   3-అంకెల (#abc) మరియు 6-అంకెల (#aabbcc) hex విలువలు రెండూ అంగీకరించబడి పూర్తి RGB త్రయాలుగా నార్మలైజ్ చేయబడతాయి. చెల్లని ఇన్‌పుట్ నిశ్శబ్దంగా నలుపుకు డిఫాల్ట్ కాకుండా వెంటనే తిరస్కరించబడుతుంది, కాబట్టి తప్పుదారి పట్టించే పాస్ ఫలితం బదులు ఎరుపు అంచు కనిపిస్తుంది.
2. 2
   WCAG ప్రకాశం లెక్కింపు

   ప్రతి రంగు WCAG 2.1 సూత్రం ఉపయోగించి సాపేక్ష ప్రకాశంగా మార్చబడుతుంది: sRGB ఛానెల్ విలువలు ముక్కల వారీ గామా దిద్దుబాటుతో లీనియరైజ్ చేయబడతాయి (0.03928 కంటే తక్కువైతే 12.92తో భాగించడం, ఎక్కువైతే 2.4 ఘాతానికి పెంచడం), తర్వాత 0.2126R + 0.7152G + 0.0722Bగా బరువు ఇవ్వబడతాయి.
3. 3
   కాంట్రాస్ట్ నిష్పత్తి మరియు అనుగుణత తనిఖీలు

   కాంట్రాస్ట్ నిష్పత్తి (lighter + 0.05) / (darker + 0.05)గా లెక్కించబడి ఐదు WCAG పరిమితులతో తనిఖీ చేయబడుతుంది: AA సాధారణ టెక్స్ట్ (4.5:1), AA పెద్ద టెక్స్ట్ (3:1), AAA సాధారణ టెక్స్ట్ (7:1), AAA పెద్ద టెక్స్ట్ (4.5:1), మరియు UI కాంపోనెంట్‌లు (3:1). ప్రతి కీస్ట్రోక్‌పై ఫలితాలు అప్‌డేట్ అవుతాయి.
4. 4
   రంగు-ఛాయను కాపాడే సవరణ సూచనలు

   జంట WCAG AAలో విఫలమైనప్పుడు, టూల్ HSL lightness స్పేస్‌లో శోధిస్తుంది — అసలు lightness నుండి రెండు దిశల్లో బయటకు అడుగులు వేస్తూ — అదే hue మరియు saturation ఉంచుతూ 4.5:1 పాస్ అయ్యే ప్రతి రంగు యొక్క దగ్గరి వేరియంట్‌ను కనుగొనడానికి. మీ స్క్రీన్ నుండి నేరుగా ఏ రంగునైనా శాంపిల్ చేయడానికి EyeDropper API (Chromium) కూడా అందుబాటులో ఉంది.

సంబంధిత సాధనాలు