What is OKLCH and why use it?

OKLCH is a modern, perceptually-uniform color space (lightness, chroma, hue). Equal numeric steps look like equal visual steps, which makes it great for building consistent palettes.

What contrast ratio do I need?

WCAG AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1 and 4.5:1 respectively. The tool shows pass or fail for each.

Color Converter & Contrast Checker

Convert any color between HEX, RGB, HSL, HSV, and OKLCH instantly, and check the WCAG contrast ratio between a text and background color with AA/AAA pass-fail badges. A fast, in-browser tool for developers and designers.

How to use Color Converter & Contrast Checker

Type a color in any format, or use the picker.
Copy whichever format you need from the list.
For accessibility, set text and background colors and read the contrast badges.

Frequently asked questions

What is OKLCH and why use it?: OKLCH is a modern, perceptually-uniform color space (lightness, chroma, hue). Equal numeric steps look like equal visual steps, which makes it great for building consistent palettes.
What contrast ratio do I need?: WCAG AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1 and 4.5:1 respectively. The tool shows pass or fail for each.

More Programmer & Developer Tools

JSON Validator — Validate, parse, and prettify JSON — load it from a URL or curl command, or convert a Python dict (single quotes, True/False/None) to JSON. Identifies syntax errors with precise line number reporting.
Code Beautifier — Automatically format your JavaScript, CSS, and HTML with customizable indentation and style rules.
Minifier — Reduce bundle sizes by removing whitespace, comments, and optimizing code structure for production.
SQL Formatter & Beautifier — Pretty-print and indent SQL queries across dialects (PostgreSQL, MySQL, T-SQL, BigQuery, and more) with configurable keyword casing.
XML Formatter — Beautify and validate XML with configurable indentation, or minify it to the smallest valid output — entirely in your browser.
JSON Diff — Compare two JSON objects (or Python dicts) structurally to spot added, removed, and changed keys — or switch to line and word mode for plain text and code.
RegEx Tester — Build and test regular expressions in real-time with syntax highlighting and match group visualization.
Base64 Converter — Quickly encode and decode strings or files to Base64 format for safe data transmission.