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

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

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

ಸಾಮಾನ್ಯ ಪಠ್ಯ

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

ದೊಡ್ಡ ಪಠ್ಯ

AA (3:1)
AAA (4.5:1)
White
#ffffff
Moon Glow
#fcfeda

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

Aa

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

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

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

ಪಠ್ಯ
#ffffff
ಹಿನ್ನೆಲೆ
#fcfeda

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

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

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