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

WCAG AA ಮತ್ತು AAA ವಿರುದ್ಧ ಮುನ್ನೆಲೆ/ಹಿನ್ನೆಲೆ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನ್ನು ಪರಿಶೀಲಿಸಿ. ನೀವು ಬಣ್ಣಗಳನ್ನು ಆರಿಸಿದಂತೆ ಅನುಪಾತದ ನವೀಕರಣವನ್ನು ನೋಡಿ.

Color Contrast Checker

Live

Foreground (text)

Background

17.85:1

Contrast ratio

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Readable headline sample

Body text at normal size should stay clear against this background. Adjust colors until WCAG targets pass.

Small caption text for density checks.

CSS output

color: #0f172a;
background-color: #ffffff;
/* contrast ratio: 17.85:1 */

Key capabilities

WCAG AA ಮತ್ತು AAA ಮಾರ್ಗಸೂಚಿಗಳ ವಿರುದ್ಧ ಮುನ್ನೆಲೆ/ಹಿನ್ನೆಲೆ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನ್ನು ಪರಿಶೀಲಿಸಿ.
ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ರನ್ ಆಗುತ್ತದೆ
ಬಳಸಲು ಉಚಿತ

ಹೇಗೆ ಬಳಸುವುದು

ಪಠ್ಯ (ಮುಂಭಾಗ) ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳನ್ನು ಆರಿಸಿ.
ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಮತ್ತು AA/AAA ಫಲಿತಾಂಶಗಳನ್ನು ಓದಿ.
ನಿಮ್ಮ ಗುರಿ ಮಟ್ಟವನ್ನು ನೀವು ಹಾದುಹೋಗುವವರೆಗೆ ಹೊಂದಿಸಿ.

How this tool works

ಪಠ್ಯ (ಮುಂಭಾಗ) ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳನ್ನು ಆರಿಸಿ.
ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತ ಮತ್ತು AA/AAA ಫಲಿತಾಂಶಗಳನ್ನು ಓದಿ.
ನಿಮ್ಮ ಗುರಿ ಮಟ್ಟವನ್ನು ನೀವು ಹಾದುಹೋಗುವವರೆಗೆ ಹೊಂದಿಸಿ.

Recommended settings

ಮೊದಲು ಡೀಫಾಲ್ಟ್ ಆಯ್ಕೆಗಳನ್ನು ಬಳಸಿ, ನಂತರ ಅಗತ್ಯವಿದ್ದರೆ ಹೊಂದಿಸಿ

Supported formats

Text / on-page input

File size and limits

ಬಹಳ ಸಂಕೀರ್ಣವಾದ ಬಹು-ಪದರದ ಪೂರ್ವವೀಕ್ಷಣೆಗಳು ಹಳೆಯ ಫೋನ್‌ಗಳಲ್ಲಿ ನಿಧಾನವಾಗಬಹುದು.

Privacy

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

Common use cases

ನಿಮಗೆ ಅಗತ್ಯವಿರುವಾಗ ಬಣ್ಣ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರೀಕ್ಷಕವನ್ನು ಬಳಸಿ: WCAG AA ಮತ್ತು AAA ಮಾರ್ಗಸೂಚಿಗಳ ವಿರುದ್ಧ ಮುನ್ನೆಲೆ/ಹಿನ್ನೆಲೆ ಕಾಂಟ್ರಾಸ್ಟ್ ಅನ್ನು ಪರಿಶೀಲಿಸಿ.

Troubleshooting

ಪೇಸ್ಟ್ ಮಾಡಿದ ನಂತರ ಪೂರ್ವವೀಕ್ಷಣೆ ವಿಭಿನ್ನವಾಗಿ ಕಾಣುತ್ತದೆ

ನಿಮ್ಮ ಪುಟದಲ್ಲಿ ಸ್ಪರ್ಧಾತ್ಮಕ CSS ಅನ್ನು ಪರಿಶೀಲಿಸಿ (ಮರುಹೊಂದಿಕೆಗಳು, ಆನುವಂಶಿಕ ಬಣ್ಣಗಳು). ರಚಿಸಲಾದ ನಿಯಮವನ್ನು ಮೊದಲು ಪ್ರತ್ಯೇಕವಾದ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗೆ ನಕಲಿಸಿ.

FAQ

ಇದು ನನ್ನ CSS ಅನ್ನು ಅಪ್‌ಲೋಡ್ ಮಾಡುತ್ತದೆಯೇ?

ಇಲ್ಲ. ಜನರೇಟರ್‌ಗಳು ಮತ್ತು ಪರಿವರ್ತಕಗಳು ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆಯೊಂದಿಗೆ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ರನ್ ಆಗುತ್ತವೆ.

ನನಗೆ ಖಾತೆ ಬೇಕೇ?

ಇಲ್ಲ. ಉಪಕರಣವನ್ನು ತೆರೆಯಿರಿ, ನಿಯಂತ್ರಣಗಳನ್ನು ಟ್ವೀಕ್ ಮಾಡಿ ಮತ್ತು CSS ಅನ್ನು ನಕಲಿಸಿ.