Color Converter (HEX, RGB, HSL, OKLCH)
Convert colors between HEX, RGB, HSL, and OKLCH with live WCAG contrast scoring. Save your library when signed in.
Convert colors between HEX, RGB, HSL, and OKLCH with a live preview swatch and WCAG AA/AAA contrast badges against white and black. Sign in to keep a personal color library you can re-use across projects.
When to use it
- 1Translating a HEX from a designer into HSL for theming or a CSS variable.
- 2Checking accessibility contrast against light and dark backgrounds before shipping.
- 3Building a personal palette of approved brand colors with consistent codes across formats.
How it works
- 1
Pick or type a color
Use the native color picker, the eyedropper (where supported), or type a value into any of the four format fields.
- 2
Read the contrast
WCAG AA/AAA badges next to the swatch show whether your color passes for normal and large text on white or black.
- 3
Save it
Sign in to save the color to your library with a name. Click any saved color to restore it.
Frequently asked
Why OKLCH and not HSV?
OKLCH is perceptually uniform - equal numerical changes feel like equal visual changes - and is the format CSS Color 4 recommends for theming.
How does contrast checking work?
We compute the relative luminance ratio per WCAG 2.1. AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1 and 4.5:1.
Want a tool just like this, but yours?
Every tool on this page was generated by GenMB from a single prompt. Describe yours and ship it to your own subdomain in minutes.
Build with GenMBRelated tools
Free QR Code Generator
Generate QR codes for URLs, text, contact cards, and Wi-Fi. Sign in to save your codes and revisit them anytime.
JSON to YAML Converter
Convert JSON to YAML and YAML to JSON instantly. Validates input, formatted output, copy with one click.
JSON to CSV Converter
Convert JSON arrays to CSV and CSV to JSON. Auto-detects headers, supports nested fields, copy or download.
Markdown to HTML Converter
Convert Markdown to clean HTML in real time, with GitHub-flavored Markdown and saved documents when you sign in.