Colour Tools

Contrast Checker

All tools

Check WCAG contrast. - runs entirely in your browser. Free, fast and private.

How it works

Four simple steps

1

Pick foreground color

Set text color hex for the element under test.

2

Pick background color

Set the surface color behind the text.

3

Compute contrast ratio

WCAG 2.1 ratio calculates from relative luminance.

4

Read AA/AAA pass

See whether normal and large text meet accessibility levels.

Contrast Checker

About Contrast Checker

Contrast Checker is a free colour utility on OneDevToolkit. Check WCAG contrast. It runs in your browser for this session - use the workspace on this page to try it.

Need a related step? Open the Colour Tools hub at /color-tools/ or the <a href="/blog/">blog</a> for longer workflows.

Features

Lightning fast

Processes data instantly with no server round-trips.

100% private

Your data never leaves your browser. Nothing is uploaded.

No installation

Works in any modern browser. Nothing to download or install.

Free forever

No limits, no sign-up, no credit card required.

Cross-platform

Works on desktop, tablet and mobile devices.

Dark & light mode

Beautiful in both themes. Your preference is saved.

Keyboard shortcut

Ctrl Enter - Run tool

Use cases

Everyday private work

Open Contrast Checker when you need a quick result without uploading data to a third-party site.

On any modern browser

No install required - bookmark the tool and return anytime.

Privacy-first by default

Client-side processing keeps inputs on your device for core OneDevToolkit tools.

Instructions

How to use this tool

FAQ

Frequently asked questions

See all FAQs

Answers for this tool. For site-wide help, open the FAQ hub.

Image tools process pixels in the browser with Canvas and related APIs. Images are not uploaded to OneDevToolkit for these client-side jobs.

PNG, JPEG, and WebP are widely supported. Some tools also accept GIF or SVG depending on the operation.

Lossless operations keep quality; JPEG/WebP compression trades quality for size. Use higher quality settings when print fidelity matters.

Yes for tools that preserve alpha. Converting to JPEG removes transparency - keep PNG/WebP when you need an alpha channel.

Limits come from browser memory. Extremely large megapixel images may fail - downscale first if needed.

Many image studios show preview panels. Download both versions if you need an external comparison.

Some tools intentionally remove EXIF; others preserve pixels only. Check the tool description for metadata behaviour.

If the UI shows a multi-file queue, yes. Otherwise process files one by one or script downloads locally after each run.

HEIC from some phones may need conversion to JPEG/PNG first. Export from Photos as JPEG when uploads fail.

Browse Colour Tools for resize, convert, compress, and EXIF utilities that match Contrast Checker.

View more FAQs

Related tools

View all

Color Picker

Pick and convert colors.

Open

HEX to RGB

Convert HEX to RGB.

Open

RGB to HEX

Convert RGB to HEX.

Open

Color Converter

Convert between color spaces.

Open

Explore 321 free tools

Everything you need as a developer, marketer or creator - in one beautiful place.

Browse all tools