Colour Contrast Checker
Calculate contrast and show WCAG AA and AAA text thresholds.
Bookmark this page
Keep this page handy for next time.
- On a computer
- Press Ctrl + D, or Command + D on a Mac.
- On a phone or tablet
- Open your browser's menu or Share menu and look for Add Bookmark, Bookmark or Add to favourites.
A bookmark saves the page link. Save any tool results separately.
How to use this tool
- Enter the values for colour contrast checker.
- Adjust the labelled settings, then run the tool. Calculate contrast and show WCAG AA and AAA text thresholds.
- Review the result before copying or downloading it. Clear the tool when finished.
Things to know
- This checks colour contrast only, not complete accessibility compliance.
You might also need
More in images & designImage Colour Adjustments
Adjust brightness, contrast, saturation or grayscale and export the pixels.
Colour Format Converter
Convert a CSS colour to HEX, RGB, HSL and OKLCH.
Image Colour Palette Extractor
Extract frequently occurring image colours as swatches and CSS variables.
Image Watermark
Place a text watermark over one image or a batch.
CSS Gradient Generator
Preview a two-colour linear gradient and copy its CSS.
Remove image background
Automatically detect and remove a plain background colour, choose a colour yourself, or cut out a person. Download a transparent PNG.
Fluid Typography & Clamp Generator
Calculate a CSS clamp expression between two viewport sizes.
Image Print Size & PPI Calculator
Calculate print dimensions from pixel dimensions and resolution.
Image Resizer
Resize images to an exact width or fit them within a box, with a batch download.