Design
Calculate colour contrast
Calculate WCAG contrast ratio between two opaque sRGB colours.
About calculate colour contrast
Calculate WCAG contrast ratio between two opaque sRGB colours.
Keep the original input and inspect the output before sharing or replacing existing files.
Before you start
- Keep a copy of your original design inputs.
- Decide the output and options you need for calculate colour contrast.
- This page will show its working controls when the tool becomes available.
Inputs and options
| Input | Details |
|---|---|
| Text colour | Your supplied value |
| Background | Your supplied value |
Limits and file privacy
Check the result before using it.
This browser engine processes your input locally. Input and output contents are not saved to your recent-tools list.
Questions about calculate colour contrast
Can I use calculate colour contrast now?
This tool is coming soon. Its controls will appear here when it opens.
Does this change my original input?
The browser engine produces a separate result. Keep your original and download the output only after review.
What should I check in the output?
Keep the original input and inspect the output before sharing or replacing existing files.