Color Converter & Contrast Checker
Convert between HEX, RGB, HSL, and OKLCH. Check WCAG contrast ratios.
100% in your browser. Nothing is uploaded.
Color converter
WCAG contrast checker
The quick brown fox jumps over the lazy dog.
Small text — 14px equivalent. Hard to read at low contrast.
Frequently asked questions
What are the WCAG contrast thresholds?
WCAG 2.1 defines two levels. AA requires a 4.5:1 ratio for normal text (under 18pt / 14pt bold) and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text. The higher the ratio, the better readability for users with low vision.
Is my color data sent anywhere?
No. All color math runs in your browser — conversions, contrast calculations, everything. Nothing is uploaded or logged.
What is OKLCH and why use it?
OKLCH is a perceptually uniform color space. Equal numeric steps in lightness or chroma look equally different to the eye, which makes it ideal for programmatic color manipulation, palette generation, and CSS color-mix().
More dev tools
JSON Formatter
Format, validate, minify, and explore JSON.
Base64 Encode/Decode
Encode and decode Base64 for text and files.
JWT Decoder
Decode and verify JSON Web Tokens.
URL Encoder
Encode, decode, and parse URLs and query strings.
Hash Generator
MD5, SHA-1, SHA-256/384/512 for text and files.
UUID Generator
UUID v4, v7, and Nano ID. Bulk generation.