Color converter: HEX, RGB, HSL, OKLCH
Convert any CSS color between HEX, RGB, HSL, HWB, OKLCH and CMYK, check WCAG contrast against white and black, and get matching tints and shades.
How it works
- 1
Paste or type your input
Paste text or code, type a value or open a file. Where a sample is offered, it shows how the tool works.
- 2
Pick the options
The result updates as you type. Switch modes or change the options to get exactly the output you need.
- 3
Copy or download
Copy the result to the clipboard with one click or download it as a file.
Why PixNudge
Nothing leaves your browser
Passwords, API keys, tokens, SQL queries and customer data are processed on your device and never sent to a server.
Instant results
There is no upload and no waiting: results appear while you type, even for large inputs.
Free, no sign-up
No account, no limits and no ads inside the tools. Bookmark the page and use it whenever you need it.
Frequently asked questions
Which color formats can I enter?
Anything your browser understands as a CSS color: hex codes with or without #, rgb(), hsl(), hwb(), lab(), lch(), oklch(), color() and the 148 named colors such as rebeccapurple.
What do the contrast badges mean?
WCAG 2 requires a contrast ratio of at least 4.5:1 for normal text (AA), 3:1 for large text and 7:1 for the stricter AAA level. The badges show which levels the color passes as text on white and on black.
Is the CMYK value print-ready?
It is a simple mathematical conversion without a color profile. Printers use profiles such as FOGRA or GRACoL, so ask your print shop or convert in a design tool for exact print colors.