XXC / DESIGN WORKSHOP
HEX · RGB · HSL · OKLCH.
One color, four languages. Convert precisely, inspect contrast and understand the sRGB gamut.
Works in your browser Ready for your next project
A color, precisely
Accepts #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb(), hsl(), and oklch(), including optional alpha.
—
Contrast uses the color composited over this opaque background. AA: 4.5:1 for normal text, 3:1 for large text. AAA normal: 7:1.
#6588ef
Every format, in sync.
Edit any value to convert it. RGB and HEX output use sRGB.
This OKLCH color is outside sRGB. The preview and converted values are clipped to the nearest available RGB channel values; the appearance may change.
FROM EXPERIMENT TO PROJECT
Take it with you.
Copy the code, export a draft, or send it to the editor to run and refine.