Tool Pantry Free browser tools for everyday files
← Back to all image tools
DESIGN TOOL / 18

Name your color.
Ship the right format.

Convert one color between HEX, RGB, HSL, and CMYK. Pick a swatch, copy CSS-ready values, and check a text/background contrast ratio without uploading anything.

Color converter

#RRGGBB
RGB0–255
HSLH 0–360 · S/L 0–100
SELECTED COLOR#4F46E5
HEX#4F46E5
RGBrgb(79, 70, 229)
HSLhsl(243, 75%, 59%)
CMYK · screen approximationcmyk(66%, 69%, 0%, 10%)
QUICK CONTRAST CHECK

Would text stand out?

Change the background swatch to test the selected color as text. This is a WCAG ratio hint, not a full design audit.

#FFFFFF
6.29:1Passes AA for normal text

HEX, RGB, and HSL describe the same screen color in different coordinate systems. CMYK here uses standard sRGB math and is only a screen preview; print production should use the printer's ICC profile.

Pick a color from an image →Build a CSS gradient →Preview color-vision differences →
Advertisement
QUICK ANSWERS
Which formats are supported?

The converter accepts a 3- or 6-digit HEX value and editable RGB or HSL channels. It shows matching HEX, RGB, HSL, and CMYK output with one-click copy buttons.

Is CMYK exact for printing?

No. The CMYK value is a standard mathematical conversion from sRGB for orientation. A print workflow should use the destination printer or press ICC profile.

Does the color leave my browser?

No. Conversion, contrast math, and copy-ready output are generated in this page with local JavaScript. No color data is sent to a server.