ಬಣ್ಣ ವ್ಯತ್ಯಾಸ ತಪಾಸಕ

    ಪ್ರವೇಶಾತಿ ಖಚಿತಪಡಿಸಲು ಮುಂಭಾಗ ಮತ್ತು ಹಿನ್ನಲೆ ಬಣ್ಣಗಳ ನಡುವಿನ ವ್ಯತ್ಯಾಸ ಅನುಪಾತವನ್ನು ಪರೀಕ್ಷಿಸಿ.

    1.00:1
    ವ್ಯತ್ಯಾಸ
    Fail
    ಅತ್ಯಂತ ದಯನೀಯ

    ಸಾಮಾನ್ಯ ಪಠ್ಯ

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

    ದೊಡ್ಡ ಪಠ್ಯ

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

    ತ್ವರಿತ ಸರಿಪಡಿಸುವಿಕೆಗಳು

    Aa

    ಪೂರ್ವದೃಶ್ಯ ಶೀರ್ಷಿಕೆ

    ವೇಗದ ಕಂದು ನರಿ ಆಲಸ್ಯದ ನಾಯಿಯನ್ನು ಹಾರಿ ಹೋಗುತ್ತದೆ

    ಸಣ್ಣ ಪಠ್ಯದ ಉದಾಹರಣೆ (12px)

    ಪಠ್ಯ
    #000000
    ಹಿನ್ನೆಲೆ
    #2596be

    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 ಸ್ಲೈಡರ್‌ಗಳು
    • ಬಹು ಪೂರ್ವದೃಶ್ಯ ಸ್ವರೂಪಗಳು

    ಸುಧಾರಿತ ಸಾಧನಗಳು

    • ಸ್ವಯಂಚಾಲಿತ ಬಣ್ಣ ಸರಿಪಡಿಸುವಿಕೆ
    • ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಮಾದರಿಗಳು
    • ಬಣ್ಣದ ಹೆಸರು ಪತ್ತೆಹಚ್ಚುವುದು
    • ಫಲಿತಾಂಶಗಳನ್ನು ರಫ್ತು ಮಾಡು