Free browser tool

Contrast Checker

Check WCAG-style contrast ratios for two colors.

Contrast against white

5.70:1

Aim for 4.5:1 or higher for typical body text.

HEX #7C3AED · RGB(124, 58, 237)

Designed to stay local. Core processing happens in your browser. Camera and microphone tools request device permission only after you start them.

How to use this tool

Use Contrast Checker with confidence.

Check WCAG-style contrast ratios for two colors. Choose the colors or values you want to inspect, then copy the resulting web-ready value or code.

  1. 1Open Contrast Checker and provide the requested input or select the available option.
  2. 2Run the tool and review the result in your browser.
  3. 3Copy, download, or use the output only after checking it fits your purpose.

Tool guide

Practical guide to Contrast Checker

Use this short guide alongside Contrast Checker to understand the task it supports, prepare a clean input, and review the local result before using it elsewhere.

What Contrast Checker helps you do

Check WCAG-style contrast ratios for two colors.

A dependable workflow

Choose the colors or values you want to inspect, then copy the resulting web-ready value or code.

Before you rely on the output

Review the input, output, and any options you selected. The right result depends on the purpose, formatting requirements, and context of your next step.

Frequently asked questions

Questions about Contrast Checker

What does Contrast Checker do?

Check WCAG-style contrast ratios for two colors.

Is Contrast Checker free?

Yes. This browser-based Lighter utility is free to use and does not require an account for its core workflow.

Does Lighter upload my input?

The core workflow is designed to run locally in your browser.

How should I use the result?

Choose the colors or values you want to inspect, then copy the resulting web-ready value or code.

More color tools

Keep working with related browser-based utilities.

colorFree

Color Converter

See HEX and RGB values for a selected color.

Open tool
colorFree

Palette Generator

Generate a five-color palette from a selected base color.

Open tool
colorFree

Gradient Generator

Create a CSS linear gradient and copy its code.

Open tool