ਰੰਗ ਵਿਰੋਧ ਚੈੱਕਰ

ਪਹੁੰਚ ਯੋਗਤਾ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਅਗਲੇ ਅਤੇ ਪਿਛਲੇ ਰੰਗਾਂ ਦੇ ਵਿਰੋਧ ਅਨੁਪਾਤ ਦੀ ਜਾਂਚ ਕਰੋ।

1.00:1
ਵਿਰੋਧ
Fail
ਬਹੁਤ ਖਰਾਬ

ਆਮ ਪਾਠ

AA (4.5:1)
AAA (7:1)

ਵੱਡਾ ਪਾਠ

AA (3:1)
AAA (4.5:1)
White
#ffffff
Fringy Flower
#b1e2c1

ਤੁਰੰਤ ਸੁਧਾਰ

Aa

ਪੂਰਵ ਦਰਸ਼ਨ ਸਿਰਲੇਖ

ਚੁਸਤ ਭੂਰਾ ਲੂਮੜੀ ਆਲਸੀ ਕੁੱਤੇ ਉੱਤੇ ਛਾਲ ਮਾਰਦੀ ਹੈ

ਛੋਟੇ ਪਾਠ ਦਾ ਉਦਾਹਰਣ (12px)

ਪਾਠ
#ffffff
ਪਿਛੋਕੜ
#b1e2c1

WCAG ਮਿਆਰ

Level AA

ਆਮ ਪਾਠ ਲਈ ਘੱਟੋ-ਘੱਟ 4.5:1 ਦਾ ਵਿਰੋਧ ਅਨੁਪਾਤ ਅਤੇ ਵੱਡੇ ਪਾਠ ਲਈ 3:1। ਜ਼ਿਆਦਾਤਰ ਵੈੱਬਸਾਈਟਾਂ ਲਈ ਲਾਜ਼ਮੀ।

Level AAA

ਆਮ ਪਾਠ ਲਈ 7:1 ਦਾ ਵਧੀਆ ਵਿਰੋਧ ਅਨੁਪਾਤ ਅਤੇ ਵੱਡੇ ਪਾਠ ਲਈ 4.5:1। ਵਧੀਆ ਪਹੁੰਚ ਯੋਗਤਾ ਲਈ ਸਿਫਾਰਸ਼ੀ।

ਸਾਰੇ ਟੈਕਸਟ ਆਕਾਰਾਂ ਲਈ ਅਪਰਾਪਤ ਕਾਂਟ੍ਰਾਸਟ - WCAG ਮਿਆਰਾਂ 'ਤੇ ਖਰਾ ਨਹੀਂ ਉਤਰਦਾ।

ਰੰਗ ਵਿਰੋਧ ਚੈੱਕਰ

ਪਾਠ ਅਤੇ ਪਿਛੋਕੜ ਦੇ ਰੰਗਾਂ ਦਾ ਵਿਰੋਧ ਅਨੁਪਾਤ ਗਣਨਾ ਕਰੋ।

ਪਾਠ ਅਤੇ ਪਿਛੋਕੜ ਦੇ ਰੰਗ ਲਈ ਰੰਗ ਚੁਣਨ ਲਈ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਉਪਕਰਣ ਵਰਤੋ ਜਾਂ RGB ਹੈਕਸਾਡੈਸਿਮਲ ਫਾਰਮੈਟ ਵਿੱਚ ਰੰਗ ਦਰਜ ਕਰੋ (ਉਦਾਹਰਣ ਲਈ, #259 ਜਾਂ #2596BE)। ਤੁਸੀਂ ਰੰਗ ਚੁਣਨ ਲਈ ਸਲਾਈਡਰ ਨੂੰ ਸਮਾਇਕ ਕਰ ਸਕਦੇ ਹੋ। ਵੈੱਬ ਸਮੱਗਰੀ ਪਹੁੰਚ ਯੋਗਤਾ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ (WCAG) ਵਿੱਚ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ ਹੈ ਜੋ ਇਹ ਪਤਾ ਲਗਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ ਕਿ ਪਾਠ ਦ੍ਰਿਸ਼ਟੀ ਵਾਲੇ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਪੜ੍ਹਨ ਯੋਗ ਹੈ ਜਾਂ ਨਹੀਂ। ਇਹ ਮਾਪਦੰਡ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ਜੋ ਰੰਗ ਦੇ ਸੰਯੋਜਨਾਂ ਨੂੰ ਤੁਲਨਾਤਮਕ ਅਨੁਪਾਤਾਂ ਵਿੱਚ ਨਕਸ਼ਾ ਬਣਾਉਂਦਾ ਹੈ। ਇਸ ਫਾਰਮੂਲੇ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, WCAG ਕਹਿੰਦਾ ਹੈ ਕਿ ਪਾਠ ਅਤੇ ਇਸਦੀ ਪਿਛੋਕੜ ਨਾਲ 4.5:1 ਰੰਗ ਵਿਰੋਧ ਅਨੁਪਾਤ ਆਮ (ਬਾਡੀ) ਪਾਠ ਲਈ ਯਥੇਸ਼ਟ ਹੈ, ਅਤੇ ਵੱਡੇ ਪਾਠ (18+ pt ਆਮ, ਜਾਂ 14+ pt ਬੋਲਡ) ਲਈ ਘੱਟੋ-ਘੱਟ 3:1 ਰੰਗ ਵਿਰੋਧ ਅਨੁਪਾਤ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ।

ਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

  • ਰਿਅਲ-ਟਾਈਮ ਕਾਂਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਗਣਨਾ
  • WCAG AA & AAA ਅਨੁਕੂਲਤਾ ਜਾਂਚ
  • ਸੁਧਾਰ ਲਈ HSL ਸਲਾਈਡਰ
  • ਕਈ ਪ੍ਰੀਵਿਊ ਫਾਰਮੈਟ

ਉੱਨਤ ਸੰਦ

  • ਆਟੋਮੈਟਿਕ ਰੰਗ ਸੁਧਾਰ
  • ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਨਮੂਨੇ
  • ਰੰਗ ਨਾਮ ਪਛਾਣ
  • ਨਤੀਜੇ ਨਿਰਯਾਤ ਕਰੋ