Free · 4 CLEAR STEPS
Colour contrast checker
Check whether a text and background pair has enough contrast.
Reading this guide is free. Check any separate account or provider requirements before continuing.
READ IT. TRY IT. MAKE IT YOURS.
One useful step at a time.
Follow the numbered instructions below. Use “Watch this part” where a related clip is available; it pauses so you can try the step.
STEP 1 OF 4
Choose a colour pair
Open the contrast checker in Free tools.
Follow the written instructions for this step.STEP 2 OF 4
Enter your colours
Use the text and background controls for the exact pair you intend to use.
Watch this part 7 secSTEP 3 OF 4
Check the result
Select Check this pair. Read the normal-text and large-text results; a large-text pass does not make small copy pass.
Follow the written instructions for this step.STEP 4 OF 4
Adjust and repeat
Change one colour and check again. Also inspect links, buttons, focus outlines and both light and dark appearances on your website.
Follow the written instructions for this step.
HOW YOU KNOW IT WORKED
Check your result.
The result describes this pair only. It is not a complete accessibility audit.
If it doesn’t feel right yet.
Transparent colours, text over photos and disabled controls need checks in their real context.
Ask for a helping hand ↗Include the step and what happened. Leave passwords, keys and private customer information out.
Saved only on this browser. It is a reading reminder, not proof of completion or compliance.
WATCH WHEN IT HELPS
Colour contrast checker
16 sec · silent, captioned screen walkthrough · recorded 12 October 2026 in a local workspace with fictional content. Pauses edited for reading. Clips show related controls; follow every written step, including any checks outside PorridgeWeb.
Read the video transcript
- 0:00 Start with two free tools. No account or AI credits are needed.
- 0:04 Describe your offer, audience, goal and next action.
- 0:09 Step 2 Check a text and background colour pair before using it.
Keep going at your own pace.
← All tutorialsGuide checked against the working tools on 12 October 2026. External service screens and requirements may change.