મફત WCAG કલર કોન્ટ્રાસ્ટ ચેકર

આ કેવી રીતે કાર્ય કરે છે

Contrast checking WCAG 2.1 relative luminance algorithm વાપરીને સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે — કોઈ લાઇબ્રેરી, કોઈ સર્વર નહીં, ફક્ત hand-written ગણિત જે spec ને બરાબર અનુસરે છે. તમે ટાઇપ કરો કે color પસંદ કરો ત્યારે દરેક પરિણામ રીયલ ટાઇમમાં અપડેટ થાય છે.

1. 1
   Hex ઇનપુટ અને નોર્મલાઇઝેશન

   3-digit (#abc) અને 6-digit (#aabbcc) બંને hex values સ્વીકારવામાં આવે છે અને full RGB triples માં નોર્મલાઇઝ થાય છે. Invalid ઇનપુટ ને silently black default કરવાને બદલે તરત જ reject કરવામાં આવે છે, તેથી misleading pass result ને બદલે red border દેખાય છે.
2. 2
   WCAG luminance ગણતરી

   દરેક color WCAG 2.1 સૂત્ર વાપરીને relative luminance માં કન્વર્ટ થાય છે: sRGB channel values piecewise gamma correction સાથે linearize થાય છે (0.03928 ની નીચે 12.92 થી ભાગીને, તેની ઉપર 2.4 ની power સુધી raise કરીને), પછી 0.2126R + 0.7152G + 0.0722B તરીકે weighted થાય છે.
3. 3
   Contrast ratio અને compliance checks

   Contrast ratio (lighter + 0.05) / (darker + 0.05) તરીકે ગણાય છે અને બધા પાંચ WCAG thresholds સામે ચકાસાય છે: AA normal text (4.5:1), AA large text (3:1), AAA normal text (7:1), AAA large text (4.5:1), અને UI components (3:1). દરેક કીસ્ટ્રોક પર પરિણામો અપડેટ થાય છે.
4. 4
   હ્યુ-જાળવતા સુધારા સૂચનો

   જ્યારે pair WCAG AA fail કરે, ત્યારે સાધન HSL lightness space સર્ચ કરે છે — બંને દિશામાં original lightness થી બહાર step કરીને — દરેક color નું નજીકનું variant શોધવા માટે જે same hue અને saturation રાખતી વખતે 4.5:1 pass કરે. તમારી સ્ક્રીન પરથી સીધો કોઈ color sample કરવા માટે EyeDropper API (Chromium) પણ ઉપલબ્ધ છે.

સંબંધિત સાધનો