ಕಾರ್ಯಾಚರಣೆಯ

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

ಜಾಹೀರಾತು

Preview

Normal Text (16px)

Large Text (24px)

Contrast Ratio

21.00:1

WCAG Compliance

Normal Text

AA Pass
AAA Pass

Large Text (18pt+ or 14pt+ bold)

AA Pass
AAA Pass

UI Components & Graphics

AA Pass

WCAG Standards

Normal Text

  • AA: 4.5:1 minimum
  • AAA: 7:1 minimum

Large Text

  • AA: 3:1 minimum
  • AAA: 4.5:1 minimum

UI Components

  • AA: 3:1 minimum

Common Combinations

Black on White
White on Blue
White on Dark Gray
ನಮ್ಮ ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರೀಕ್ಷಕದೊಂದಿಗೆ ಅವುಗಳನ್ನು ಪರೀಕ್ಷಿಸಲು ನಿಮ್ಮ ಬಣ್ಣ ಸಂಯೋಜನೆಗಳನ್ನು ಕೆಳಗೆ ನಮೂದಿಸಿ ಮತ್ತು ಅವುಗಳು ಪ್ರವೇಶಿಸುವಿಕೆ ಮಾನದಂಡಗಳನ್ನು ಪೂರೈಸುತ್ತವೆಯೇ ಎಂಬುದನ್ನು ತಕ್ಷಣವೇ ನೋಡಿ.

ನಮ್ಮ ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರೀಕ್ಷಕ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ

RGB ಹೆಕ್ಸ್ ಮೌಲ್ಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಮುಂಭಾಗ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳನ್ನು ನಮೂದಿಸಿ ಅಥವಾ ಬಣ್ಣ ಪಿಕ್ಕರ್ ನೊಂದಿಗೆ ನೇರವಾಗಿ ಆಯ್ಕೆಮಾಡಿ.

 

  • ಮುಂಭಾಗದ ಬಣ್ಣವು ಎಷ್ಟು ಪಾರದರ್ಶಕವಾಗಿದೆ ಎಂಬುದನ್ನು ಬದಲಾಯಿಸಲು Alpha ಅನ್ನು ಹೊಂದಿಸಿ.
  • ಬಣ್ಣವನ್ನು ಹಗುರವಾಗಿ ಅಥವಾ ಗಾಢವಾಗಿ ಕಾಣುವಂತೆ ಮಾಡಲು ಲಘುತೆ ಸ್ಲೈಡರ್ ಬಳಸಿ.

ನಮ್ಮ ಉಪಕರಣವು ನಂತರ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತವನ್ನು ಲೆಕ್ಕಾಚಾರ ಮಾಡುತ್ತದೆ ಮತ್ತು ಅದನ್ನು WCAG ಮಾರ್ಗಸೂಚಿಗಳ ವಿರುದ್ಧ ಪರಿಶೀಲಿಸುತ್ತದೆ:

  • WCAG 2.0 ಮಟ್ಟ AA
  • ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕಾಗಿ ಕನಿಷ್ಠ 4.5:1
  • ದೊಡ್ಡ ಪಠ್ಯಕ್ಕಾಗಿ ಕನಿಷ್ಠ 3:1
  • WCAG 2.1 (UI ಮತ್ತು ಗ್ರಾಫಿಕ್ಸ್)
  • ಐಕಾನ್‌ಗಳು, ಬಾರ್ಡರ್‌ಗಳು ಮತ್ತು ಇತರ ಇಂಟರ್‌ಫೇಸ್ ಕಾಂಪೊನೆಂಟ್‌ಗಳಿಗಾಗಿ ಕನಿಷ್ಠ 3:1
  • WCAG ಮಟ್ಟ AAA
  • ಸಾಮಾನ್ಯ ಪಠ್ಯಕ್ಕಾಗಿ ಕನಿಷ್ಠ 7:1
  • ದೊಡ್ಡ ಪಠ್ಯಕ್ಕಾಗಿ ಕನಿಷ್ಠ 4.5:1

ದೊಡ್ಡ ಪಠ್ಯ ಎಂದರೆ ಒಂದೋ:

  • 14 pt (ಸುಮಾರು 18.66 px) ಮತ್ತು ದಪ್ಪ, ಅಥವಾ
  • 18 pt (ಸುಮಾರು px) ಅಥವಾ ದೊಡ್ಡದು

ನಿಮ್ಮ ಪರದೆಯ ಮೇಲಿನ ಯಾವುದಾದರೂ ನಿಖರವಾದ ಬಣ್ಣಗಳನ್ನು ಪಡೆದುಕೊಳ್ಳಲು ನೀವು ಬಣ್ಣ ಪಿಕ್ಕರ್‌ನಲ್ಲಿ ಐಡ್ರಾಪರ್ ಅನ್ನು ಬಳಸಬಹುದು.

ಎದ್ದು ಕಾಣಲು ಬಣ್ಣವನ್ನು ಮಾತ್ರ ಅವಲಂಬಿಸಿರುವ ಲಿಂಕ್‌ಗಳಿಗಾಗಿ, ನಮ್ಮ ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರೀಕ್ಷಕವನ್ನು ಬಳಸಿ ಅವುಗಳು ಪ್ರವೇಶಿಸುವಿಕೆ ಮಾನದಂಡಗಳನ್ನು ಪೂರೈಸುತ್ತವೆ ಮತ್ತು ಎಲ್ಲರಿಗೂ ಓದಲು ಸುಲಭವಾಗಿರುತ್ತವೆ.