Color Tools & Contrast Checker
Convert between color formats and check WCAG contrast accessibility.
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)
Contrast checker
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Contrast ratio: 18.88
AA · Normal text · PassAA · Large text · PassAAA · Normal text · PassAAA · Large text · Pass
Extract colors from an image
Drag & drop an image here
or click to browse
Frequently asked questions
- Is my color data sent anywhere?
- No. All color conversion and contrast calculations happen locally in your browser.
- What do AA and AAA mean?
- They're WCAG accessibility levels. AA is the standard minimum contrast requirement; AAA is a stricter, higher-contrast standard recommended for better readability.
- What's the difference between normal and large text thresholds?
- Large text (usually 18pt+, or 14pt+ bold) needs a lower contrast ratio to pass WCAG than normal-sized text, since bigger text is easier to read at lower contrast.
- Which color formats are supported?
- You can enter and convert between HEX, RGB, and HSL — pick whichever format is most convenient for your workflow.