ಉಚಿತ WCAG ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರೀಕ್ಷಕ

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲನೆ WCAG 2.1 ಸಾಪೇಕ್ಷ ಪ್ರಕಾಶ ಅಲ್ಗಾರಿದಮ್ ಬಳಸಿ ಸಂಪೂರ್ಣವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ನಡೆಯುತ್ತದೆ — ಯಾವುದೇ ಲೈಬ್ರರಿ ಇಲ್ಲ, ಸರ್ವರ್ ಇಲ್ಲ, ಕೇವಲ ಸ್ಪೆಕ್ ಅನ್ನು ನಿಖರವಾಗಿ ಅನುಸರಿಸುವ ಕೈಯಿಂದ ಬರೆದ ಗಣಿತ. ನೀವು ಟೈಪ್ ಮಾಡುವಾಗ ಅಥವಾ ಬಣ್ಣ ಆಯ್ಕೆ ಮಾಡುವಾಗ ಪ್ರತಿ ಫಲಿತಾಂಶ ನೈಜ ಸಮಯದಲ್ಲಿ ನವೀಕರಿಸುತ್ತದೆ.

1. 1
   ಹೆಕ್ಸ್ ಇನ್‌ಪುಟ್ ಮತ್ತು ಸಾಮಾನ್ಯೀಕರಣ

   3-ಅಂಕಿ (#abc) ಮತ್ತು 6-ಅಂಕಿ (#aabbcc) ಹೆಕ್ಸ್ ಮೌಲ್ಯಗಳೆರಡನ್ನೂ ಒಪ್ಪಿಕೊಂಡು ಪೂರ್ಣ RGB ಟ್ರಿಪಲ್‌ಗಳಿಗೆ ಸಾಮಾನ್ಯಗೊಳಿಸಲಾಗುತ್ತದೆ. ಅಮಾನ್ಯ ಇನ್‌ಪುಟ್ ಅನ್ನು ಸದ್ದಿಲ್ಲದೆ ಕಪ್ಪಿಗೆ ಡೀಫಾಲ್ಟ್ ಮಾಡುವ ಬದಲು ತಕ್ಷಣ ತಿರಸ್ಕರಿಸಲಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ದಾರಿ ತಪ್ಪಿಸುವ ಪಾಸ್ ಫಲಿತಾಂಶದ ಬದಲು ಕೆಂಪು ಗಡಿ ಕಾಣಿಸುತ್ತದೆ.
2. 2
   WCAG ಪ್ರಕಾಶ ಗಣನೆ

   ಪ್ರತಿ ಬಣ್ಣವನ್ನು WCAG 2.1 ಸೂತ್ರ ಬಳಸಿ ಸಾಪೇಕ್ಷ ಪ್ರಕಾಶಕ್ಕೆ ಪರಿವರ್ತಿಸಲಾಗುತ್ತದೆ: sRGB ಚಾನೆಲ್ ಮೌಲ್ಯಗಳನ್ನು piecewise ಗಾಮಾ ತಿದ್ದುಪಡಿಯೊಂದಿಗೆ ರೇಖೀಯಗೊಳಿಸಲಾಗುತ್ತದೆ (0.03928 ಕೆಳಗೆ 12.92 ರಿಂದ ಭಾಗಿಸಿ, ಮೇಲೆ 2.4 ಘಾತಕ್ಕೆ ಏರಿಸಿ), ನಂತರ 0.2126R + 0.7152G + 0.0722B ಎಂದು ತೂಕ ಮಾಡಲಾಗುತ್ತದೆ.
3. 3
   ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಮತ್ತು ಅನುಸರಣೆ ಪರಿಶೀಲನೆಗಳು

   ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತವನ್ನು (lighter + 0.05) / (darker + 0.05) ಎಂದು ಲೆಕ್ಕಹಾಕಿ ಎಲ್ಲಾ ಐದು WCAG ಥ್ರೆಶೋಲ್ಡ್‌ಗಳ ವಿರುದ್ಧ ಪರಿಶೀಲಿಸಲಾಗುತ್ತದೆ: AA ಸಾಮಾನ್ಯ ಪಠ್ಯ (4.5:1), AA ದೊಡ್ಡ ಪಠ್ಯ (3:1), AAA ಸಾಮಾನ್ಯ ಪಠ್ಯ (7:1), AAA ದೊಡ್ಡ ಪಠ್ಯ (4.5:1), ಮತ್ತು UI ಘಟಕಗಳು (3:1). ಫಲಿತಾಂಶಗಳು ಪ್ರತಿ ಕೀಸ್ಟ್ರೋಕ್‌ನಲ್ಲಿ ನವೀಕರಿಸುತ್ತವೆ.
4. 4
   ಹ್ಯೂ-ಸಂರಕ್ಷಿಸುವ ಸರಿಪಡಿಕೆ ಸಲಹೆಗಳು

   ಜೋಡಿ WCAG AA ಯಲ್ಲಿ ವಿಫಲವಾದಾಗ, ಟೂಲ್ HSL ಪ್ರಕಾಶ ಜಾಗವನ್ನು ಹುಡುಕುತ್ತದೆ — ಮೂಲ ಪ್ರಕಾಶದಿಂದ ಎರಡೂ ದಿಕ್ಕುಗಳಲ್ಲಿ ಹೊರಗೆ ಹೆಜ್ಜೆ ಹಾಕಿ — ಅದೇ ಹ್ಯೂ ಮತ್ತು ಸ್ಯಾಚುರೇಶನ್ ಇಟ್ಟುಕೊಂಡು 4.5:1 ಅನ್ನು ಪಾಸ್ ಮಾಡುವ ಪ್ರತಿ ಬಣ್ಣದ ಹತ್ತಿರದ ರೂಪಾಂತರವನ್ನು ಕಂಡುಹಿಡಿಯಲು. EyeDropper API (Chromium) ಸಹ ನಿಮ್ಮ ಪರದೆಯಿಂದ ನೇರವಾಗಿ ಯಾವುದೇ ಬಣ್ಣವನ್ನು ಮಾದರಿ ಮಾಡಲು ಲಭ್ಯವಿದೆ.

ಸಂಬಂಧಿತ ಪರಿಕರಗಳು