Code / FREE ONLINE TOOL

Color Converter & Contrast Checker

Convert colors between HEX, RGB, HSL, HWB, OKLCH, LAB and CMYK online. Check WCAG contrast for text and get tints and shades of any color.

Processed in your browser

Color

Opacity (%)

Type HEX, rgb(), hsl(), hwb(), lab(), lch(), oklch() or a CSS color name such as teal.

Contrast checker

Background color

Use my color as the background

–contrast ratio

Large text, 24 px

Normal body text at 16 px. The quick brown fox jumps over the lazy dog.

Small print, 13 px

Button

Tints and shades

Equal steps of OKLCH lightness with the same hue. Click a swatch to use it.

Ready when you are.

QUICK GUIDE

How to use this tool

Type any CSS color or use the picker. Every format updates at once with a Copy button. The contrast checker tests your color against a background for WCAG AA and AAA.

Your input is processed locally. Use Copy or Download to keep your result.

Keep your workflow moving

Need another step? Try a related tool.