मोफत WCAG रंग कॉन्ट्रास्ट तपासक

हे कसे कार्य करते

कॉन्ट्रास्ट तपासणी WCAG 2.1 relative luminance अल्गोरिदम वापरून पूर्णपणे तुमच्या ब्राउझरमध्ये चालते — लायब्ररी, सर्व्हर नाही, फक्त स्पेकचे तंतोतंत पालन करणारे गराज-लिहिलेले गणित. तुम्ही टाइप करताच किंवा रंग निवडताच प्रत्येक निकाल रिअल टाइममध्ये अपडेट होतो.

1. 1
   Hex इनपुट आणि नॉर्मलायझेशन

   3-अंकी (#abc) आणि 6-अंकी (#aabbcc) दोन्ही hex मूल्ये स्वीकारली जातात आणि पूर्ण RGB triples मध्ये नॉर्मलाइझ केली जातात. अवैध इनपुट चुकीने काळ्याकडे डीफॉल्ट होण्याऐवजी तात्काळ नाकारले जाते, त्यामुळे दिशाभूल करणाऱ्या pass निकालाऐवजी लाल बॉर्डर दिसतो.
2. 2
   WCAG luminance गणना

   प्रत्येक रंग WCAG 2.1 सूत्र वापरून relative luminance मध्ये रूपांतरित होतो: sRGB चॅनेल मूल्ये piecewise gamma correction ने रेखीय केली जातात (0.03928 खाली 12.92 ने भागून, त्यावर 2.4 च्या घातात नेऊन), नंतर 0.2126R + 0.7152G + 0.0722B असे वेटेड केली जातात.
3. 3
   कॉन्ट्रास्ट प्रमाण आणि compliance तपासणी

   कॉन्ट्रास्ट प्रमाण (हलके + 0.05) / (गडद + 0.05) म्हणून मोजले जाते आणि सर्व पाच WCAG थ्रेशोल्ड्सविरुद्ध तपासले जाते: AA normal text (4.5:1), AA large text (3:1), AAA normal text (7:1), AAA large text (4.5:1), आणि UI घटक (3:1). प्रत्येक कीस्ट्रोकवर निकाल अपडेट होतात.
4. 4
   Hue-preserving सुधारणा सूचना

   जोडी WCAG AA मध्ये अयशस्वी झाल्यास, साधन HSL lightness space शोधते — मूळ lightness पासून दोन्ही दिशेने बाहेर पावले टाकत — तेच hue आणि saturation ठेवत 4.5:1 पास करणारा प्रत्येक रंगाचा सर्वात जवळचा प्रकार शोधण्यासाठी. तुमच्या स्क्रीनवरून थेट कोणताही रंग सॅम्पल करण्यासाठी EyeDropper API (Chromium) देखील उपलब्ध आहे.

संबंधित साधने