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

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

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

    ਸਧਾਰਨ ਟੈਕਸਟ

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

    ਵੱਡਾ ਟੈਕਸਟ

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Black
    #2596be

    ਤੇਜ਼ ਹੱਲ

    Aa

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

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

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

    ਟੈਕਸਟ
    #000000
    ਪਿਛੋਕੜ
    #2596be

    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 ਸਲਾਈਡਰ
    • ਕਈ ਪੂਰਵਦਰਸ਼ਨ ਫਾਰਮੈਟ

    ਉੱਨਤ ਔਜ਼ਾਰ

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