Is this color data uploaded?

No. Color conversion, contrast checks and CSS generation happen in your browser.

Should I still test the CSS?

Yes. Generated snippets are meant to speed up design work, but final UI should still be checked in the target app and theme.

Contrast Checker

Check WCAG contrast with foreground/background preview.

Foreground color, then background color

Readable preview text

Ratio 16.95:1. Normal AA passes.

Output

Contrast ratio: 16.95:1
Normal text AA: Pass
Large text AA: Pass
Normal text AAA: Pass

Contrast Checker compares foreground and background colors using WCAG ratio rules so text decisions are easier to defend.

All calculations run locally in your browser. Use the visual preview, validate the generated CSS, then copy only the value or snippet you need.

contrast checkercontrast checkercss color tool

WCAG AA expects at least 4.5:1 for normal text and 3:1 for large text.

Convert HEX colors into RGB values for CSS, design tokens and handoff.

Convert RGB colors into HEX notation for CSS and design systems.

Generate a small tint and shade palette from a base color.

Design linear, radial and conic CSS gradients with live preview, presets and copyable CSS