ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರೀಕ್ಷಕ

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

1.00:1
ಕಾಂಟ್ರಾಸ್ಟ್
Fail
ತುಂಬಾ ಬಡವ

ಸಾಮಾನ್ಯ ಪಠ್ಯ

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

ದೊಡ್ಡ ಪಠ್ಯ

AA (3:1)
AAA (4.5:1)
Black
#000000
Web Orange
#ffa500

ತ್ವರಿತ ಪರಿಹಾರಗಳು

Aa

ಪೂರ್ವವೀಕ್ಷಣೆ ಶೀರ್ಷಿಕೆ

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

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

ಪಠ್ಯ
#000000
ಹಿನ್ನೆಲೆ
#ffa500

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 ಸ್ಲೈಡರ್‌ಗಳು
  • ಬಹು ಪೂರ್ವವೀಕ್ಷಣೆ ಸ್ವರೂಪಗಳು

ಸುಧಾರಿತ ಪರಿಕರಗಳು

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