Pair
#1a1a1a on #ffffff
Result
21:1 (AAA pass)
Design Tools
Batch Contrast Checker — Multi-Pair WCAG Checks
Check WCAG contrast for many foreground/background pairs at once. See AA/AAA levels and text previews—useful for design-system audits, brand-color batches, and accessibility reviews.
ContrastWCAGAccessibility
Favorite this tool
No favorite storage mode has been selected.
Quick actions
Copy this tool URL or open the system share sheet on a supported device.
设计配色
Batch Contrast Checker
颜色配对
检查结果
添加颜色配对后显示批量对比度结果。
Use cases
- Audit design-system color pairs
- Batch-check brand color contrast
- Review accessibility of text colors
How to use
- Add foreground/background pairs
- Review ratios and WCAG levels
- Adjust failing pairs and re-check
Example input and output
FAQ
What is the difference between WCAG AA and AAA?
AA needs at least 4.5:1 for normal text and 3:1 for large text. AAA is stricter: 7:1 normal and 4.5:1 large.
How does this differ from the single-pair checker?
This tool checks many pairs in parallel. The single-pair tool is better for fine-tuning one foreground and background.
Tools
Related tools
Continue with another translated tool for a nearby task.
Color Contrast Checker
Color Contrast Checker — WCAG AA/AAA
Calculate foreground/background contrast with WCAG 2.0 rules and check AA/AAA for normal and large text. Useful for accessible palettes and frontend readability review.
Contrast WCAG Accessibility
Color Harmonizer
Color Harmonizer — Classic Harmony Rules
Pick a base color and generate schemes with complementary, analogous, triadic, tetradic, split-complementary, or monochromatic rules. Preview UI usage and export CSS variables for brand and component work.
Palette Color Harmony
Color Converter
Color Converter — HEX, RGB, HSL Online
Convert colors among HEX, RGB, HSL, HWB, CMYK, and CSS variables in your browser. Includes a color picker and random color helper for design handoff, stylesheet work, and brand-color alignment.
Color HEX RGB