Best for
- Design handoff
- CSS accessibility checks
- Palette conversion
- Print (CMYK) design
Privacy
Color values are processed entirely locally. No design data is sent to a server.
Quick tips
- Use OKLCH for modern CSS color functions.
- Use HEX or RGB for digital screens, and CMYK for print materials.
- Always aim for an "AA" WCAG contrast ratio minimum for readable text.
How to use this tool
- Enter a HEX, RGB, HSL, or CMYK color.
- Review the live background preview and accessibility badges.
- Copy the required format from the relevant card.
Common questions
What is OKLCH?
OKLCH is a modern color space for CSS that offers perceptually uniform lightness. It is widely recommended for modern web design because adjusting lightness or saturation produces much better visual results than HSL.
What is WCAG Contrast?
The Web Content Accessibility Guidelines (WCAG) require a minimum contrast ratio between text and its background to ensure readability for users with visual impairments. AA requires 4.5:1, and AAA requires 7:1.