ਰੰਗ ਕੰਟ੍ਰਾਸਟ ਚੈਕਰ

ਪਹੁੰਚਯੋਗਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਫੋਰਗਰਾਉਂਡ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗਾਂ ਵਿਚਕਾਰ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦੀ ਜਾਂਚ ਕਰੋ।

1.00:1
ਕੰਟ੍ਰਾਸਟ
Fail
ਬਹੁਤ ਗਰੀਬ

ਸਧਾਰਨ ਟੈਕਸਟ

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

ਵੱਡਾ ਟੈਕਸਟ

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff6840

ਤੇਜ਼ ਹੱਲ

Aa

ਸਿਰਲੇਖ ਦੀ ਝਲਕ ਦੇਖੋ

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

ਛੋਟੇ ਟੈਕਸਟ ਦੀ ਉਦਾਹਰਣ (12px)

ਟੈਕਸਟ
#000000
ਪਿਛੋਕੜ
#ff6840

WCAG ਮਿਆਰ

Level AA

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

Level AAA

ਆਮ ਟੈਕਸਟ ਲਈ 7:1 ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ ਲਈ 4.5:1 ਦਾ ਵਧਿਆ ਹੋਇਆ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ। ਅਨੁਕੂਲ ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਸਿਫ਼ਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।

ਸਾਰੇ ਟੈਕਸਟ ਆਕਾਰਾਂ ਲਈ ਮਾੜਾ ਵਿਪਰੀਤ।

ਰੰਗ ਕੰਟ੍ਰਾਸਟ ਚੈਕਰ

ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗਾਂ ਦੇ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦੀ ਗਣਨਾ ਕਰੋ।

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

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

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

ਉੱਨਤ ਔਜ਼ਾਰ

  • ਆਟੋਮੈਟਿਕ ਰੰਗ ਫਿਕਸਿੰਗ
  • ਟੈਕਸਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਦੇ ਨਮੂਨੇ
  • ਰੰਗ ਨਾਮ ਖੋਜ
  • ਨਤੀਜੇ ਨਿਰਯਾਤ ਕਰੋ