ਮੁਫ਼ਤ WCAG ਰੰਗ ਕੰਟ੍ਰਾਸਟ ਜਾਂਚਕਰਤਾ

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

ਕੰਟ੍ਰਾਸਟ ਜਾਂਚ WCAG 2.1 relative luminance ਐਲਗੋਰਿਦਮ ਵਰਤ ਕੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦੀ ਹੈ — ਕੋਈ ਲਾਇਬ੍ਰੇਰੀ, ਕੋਈ ਸਰਵਰ ਨਹੀਂ, ਸਿਰਫ਼ ਹੱਥ ਨਾਲ ਲਿਖਿਆ ਗਣਿਤ ਜੋ ਬਿਲਕੁਲ spec ਮੁਤਾਬਕ ਚੱਲਦਾ ਹੈ। ਹਰ ਨਤੀਜਾ ਟਾਈਪ ਕਰਦੇ ਜਾਂ ਰੰਗ ਚੁਣਦੇ ਹੀ ਰੀਅਲ ਟਾਈਮ ਵਿੱਚ ਅੱਪਡੇਟ ਹੁੰਦਾ ਹੈ।

1. 1
   Hex ਇਨਪੁੱਟ ਅਤੇ ਨਾਰਮਲਾਈਜ਼ੇਸ਼ਨ

   3-ਅੰਕੀ (#abc) ਅਤੇ 6-ਅੰਕੀ (#aabbcc) ਦੋਵੇਂ hex ਮੁੱਲ ਮੰਨੇ ਜਾਂਦੇ ਹਨ ਅਤੇ ਪੂਰੇ RGB ਤ੍ਰਿਕਾਂ ਵਿੱਚ ਨਾਰਮਲਾਈਜ਼ ਹੁੰਦੇ ਹਨ। ਅਵੈਧ ਇਨਪੁੱਟ ਚੁੱਪ-ਚਾਪ ਕਾਲੇ 'ਤੇ ਜਾਣ ਦੀ ਥਾਂ ਤੁਰੰਤ ਰੱਦ ਹੁੰਦਾ ਹੈ, ਇਸ ਲਈ ਗੁਮਰਾਹਕੁਨ ਪਾਸ ਨਤੀਜੇ ਦੀ ਥਾਂ ਲਾਲ ਬਾਰਡਰ ਦਿਸਦਾ ਹੈ।
2. 2
   WCAG luminance ਗਣਨਾ

   ਹਰ ਰੰਗ WCAG 2.1 ਫ਼ਾਰਮੂਲੇ ਨਾਲ relative luminance ਵਿੱਚ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ: sRGB ਚੈਨਲ ਮੁੱਲ ਟੁਕੜਿਆਂ ਵਾਲੇ gamma correction ਨਾਲ ਲੀਨੀਅਰ ਕੀਤੇ ਜਾਂਦੇ ਹਨ (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) ਵੀ ਉਪਲਬਧ ਹੈ।

ਸੰਬੰਧਿਤ ਟੂਲ