ਰੰਗ ਚੋਣਕਾਰ ਅਤੇ ਕੰਟ੍ਰਾਸਟ ਜਾਂਚਕ

ਰੰਗ ਚੋਣਕਾਰ ਅਤੇ ਕੰਟ੍ਰਾਸਟ ਜਾਂਚਕ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

ਇਹ ਕੀ ਗਿਣਦਾ ਹੈ ਅਤੇ ਕਦੋਂ ਵਰਤਣਾ ਹੈ

ਰੰਗ ਚੁਣਦਾ ਹੈ ਅਤੇ HEX, RGB, HSL, HSV ਅਤੇ CMYK ਵਿਚਕਾਰ ਬਦਲਦਾ ਹੈ, ਹਲਕੇ-ਗੂੜ੍ਹੇ ਰੂਪ ਅਤੇ ਮੇਲ ਖਾਂਦੇ ਰੰਗ ਸੁਝਾਉਂਦਾ ਹੈ, ਅਤੇ WCAG ਪਹੁੰਚਯੋਗਤਾ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ ਮੁਤਾਬਕ ਟੈਕਸਟ ਕੰਟ੍ਰਾਸਟ ਜਾਂਚਦਾ ਹੈ।

ਇਸਨੂੰ ਕਦਮ-ਦਰ-ਕਦਮ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

1. ਚੋਣਕਾਰ ਨਾਲ ਰੰਗ ਚੁਣੋ ਜਾਂ ਇਸਨੂੰ HEX, RGB, HSL ਜਾਂ ਰੰਗ ਦੇ ਨਾਮ ਵਜੋਂ ਟਾਈਪ ਕਰੋ।
2. ਕੰਟ੍ਰਾਸਟ ਜਾਂਚਣ ਲਈ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਚੁਣੋ।
3. ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਕੋਈ ਵੀ ਫ਼ਾਰਮੈਟ ਕਾਪੀ ਕਰੋ।
4. ਪੈਲੇਟ ਲਈ ਹਲਕੇ-ਗੂੜ੍ਹੇ ਰੂਪ ਅਤੇ ਮੇਲ ਖਾਂਦੇ ਰੰਗ ਵਰਤੋ।

ਹਰ ਇਨਪੁਟ ਦਾ ਮਤਲਬ

• ਰੰਗ – ਸ਼ੁਰੂ ਵਿੱਚ #2443C8, SmartCalcy ਨੀਲਾ।
• ਬੈਕਗ੍ਰਾਊਂਡ – ਸ਼ੁਰੂ ਵਿੱਚ ਚਿੱਟਾ।

ਨਤੀਜੇ ਕਿਵੇਂ ਪੜ੍ਹਨੇ ਹਨ

• ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ – 1:1 ਤੋਂ 21:1 ਤੱਕ, ਆਮ ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ ਲਈ AA ਅਤੇ AAA ਨਤੀਜਿਆਂ ਸਮੇਤ।
• ਫ਼ਾਰਮੈਟ – HEX, RGB, HSL, HSV ਅਤੇ CMYK।
• ਹਲਕੇ ਅਤੇ ਗੂੜ੍ਹੇ ਰੂਪ – ਹਲਕੇ ਅਤੇ ਗੂੜ੍ਹੇ ਰੂਪ।
• ਮੇਲ ਖਾਂਦੇ ਰੰਗ – ਪੂਰਕ, ਮਿਲਦੇ-ਜੁਲਦੇ ਅਤੇ ਤਿਕੋਣੀ।

ਫ਼ਾਰਮੂਲਾ

ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ = (L1 + 0.05) ÷ (L2 + 0.05), ਜਿੱਥੇ L1 ਅਤੇ L2 ਹਲਕੇ ਅਤੇ ਗੂੜ੍ਹੇ ਰੰਗਾਂ ਦੀ ਸਾਪੇਖ ਚਮਕ ਹਨ। WCAG AA ਲਈ ਆਮ ਟੈਕਸਟ ਨੂੰ 4.5:1 ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ ਨੂੰ 3:1 ਚਾਹੀਦਾ ਹੈ; AAA ਲਈ 7:1 ਅਤੇ 4.5:1।

ਇੱਕ ਹੱਲ ਕੀਤੀ ਉਦਾਹਰਨ

ਸ਼ੁਰੂਆਤੀ ਰੰਗਾਂ ਨਾਲ, ਚਿੱਟੇ 'ਤੇ #2443C8 ਦਾ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ 7.74:1 ਹੈ, ਜੋ ਸਾਰੇ ਟੈਕਸਟ ਸਾਈਜ਼ਾਂ ਲਈ AAA ਪਾਸ ਕਰਦਾ ਹੈ।

ਧਾਰਨਾਵਾਂ ਅਤੇ ਸੀਮਾਵਾਂ

• CMYK ਮੁੱਲ ਇੱਕ ਸਧਾਰਨ ਬਦਲਾਅ ਹਨ, ਰੰਗ-ਪ੍ਰਬੰਧਿਤ ਪ੍ਰਿੰਟ ਪ੍ਰੋਫ਼ਾਈਲ ਨਹੀਂ।
• ਕੰਟ੍ਰਾਸਟ ਨਤੀਜੇ WCAG 2 ਫ਼ਾਰਮੂਲੇ ਮੁਤਾਬਕ ਹਨ।

ਆਮ ਗ਼ਲਤੀਆਂ

• ਸਿਰਫ਼ ਵੱਡੇ ਟੈਕਸਟ 'ਤੇ ਕੰਟ੍ਰਾਸਟ ਜਾਂਚਣਾ ਅਤੇ ਉਹ ਰੰਗ ਛੋਟੇ ਟੈਕਸਟ ਲਈ ਵਰਤਣਾ।
• ਅਰਥ ਦਿਖਾਉਣ ਲਈ ਸਿਰਫ਼ ਰੰਗ 'ਤੇ ਨਿਰਭਰ ਕਰਨਾ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

ਸੰਬੰਧਿਤ ਟੂਲ