Convert color values between HEX, RGB, HSL, HSV and CMYK. Every converter shows all formats at once, the conversion formula and a table of common colors.
These twelve converters cover the common routes between HEX, RGB, HSL, HSV and CMYK. Each page handles one direction only, so the notes, examples and tips match the job in front of you. Start from the format you already have and choose the one you need. Web developers will use the HEX, RGB and HSL pages most often. Designers who adjust color by feel usually prefer HSL and HSV. Anyone preparing files for a printer will find two CMYK pairs. Every page also shows the formula, a worked example and a table of common colors.
All converters
- HEX → RGB
Turn a brand guide HEX code into red, green and blue numbers for APIs, canvas code and translucent overlays.
- RGB → HEX
Collapse rgb() values from code, scripts or an eyedropper into a short HEX string for tokens, SVG and email.
- HEX → HSL
Convert HEX into hue, saturation and lightness so you can build hover states, themes and tint scales.
- HSL → HEX
Freeze a color tuned in HSL into a HEX code for handoff, email templates and tools without hsl() support.
- RGB → HSL
Express an RGB color as hue and lightness to sort swatches, group pixels and adjust saturation in scripts.
- HSL → RGB
Turn colors generated by looping over hue into channel numbers for LED strips, canvas buffers and game engines.
- RGB → CMYK
Get a rough ink breakdown of an on-screen RGB color for print shop conversations and draft layouts.
- CMYK → RGB
Rebuild an on-screen version of a color from the CMYK percentages in a print brand guide.
- HEX → CMYK
Carry a website HEX color over to business cards, banners and merchandise in one step.
- CMYK → HEX
Turn print spec percentages into a ready HEX code for CSS, slide themes and HTML email.
- RGB → HSV
Convert RGB to hue, saturation and value for Photoshop-style pickers and color thresholds in OpenCV.
- HSV → RGB
Turn HSB values from pickers and game engines into RGB for CSS, shaders and image files.
Need to grab a color from an image or screenshot? Try the free Pixel Color Picker →