Color Converter HEX RGB HSL CMYK
Convert color codes between HEX, RGB, HSL, and CMYK formats instantly. Type into any field and all others update in real time. Includes a color picker, live preview swatch, and one-click copy for each format.
How to Convert Color Codes
Type a color value into any format field — HEX, RGB, HSL, or CMYK — and all other fields will update automatically. You can also use the color picker to visually select any color. Click the copy button next to any format to copy it to your clipboard.
Why Use This Tool
- Type into any field to trigger all conversions
- Visual color picker with live swatch
- Copy HEX, RGB, HSL, or CMYK with one click
- Works entirely in browser — no requests sent
What You Get
Common Use Cases
Quickly convert a design tool's CMYK or HSL color to HEX or RGB for use in your CSS stylesheet or Tailwind config.
Convert hex colors from your web design to CMYK values required by your print shop or InDesign/Illustrator project.
When handing off designs to developers, provide both HEX (for CSS) and RGB (for iOS/Android) values from the same source color.
Convert colors to understand their lightness values in HSL — useful for checking WCAG contrast ratios between text and backgrounds.
How do I convert HEX to RGB?
Remove the # symbol. Split the 6-character hex code into three 2-character pairs. Convert each pair from hexadecimal (base 16) to decimal (base 10): #3b82f6 → 3b=59, 82=130, f6=246 → rgb(59, 130, 246). For shorthand 3-digit hex (#abc), expand each digit: #abc = #aabbcc. This tool converts HEX to RGB (and all other formats) automatically as you type.
What are the RGB and HEX values for black and white?
Black: #000000 · rgb(0, 0, 0) · hsl(0, 0%, 0%) · cmyk(0%, 0%, 0%, 100%). White: #ffffff · rgb(255, 255, 255) · hsl(0, 0%, 100%) · cmyk(0%, 0%, 0%, 0%). Pure red: #ff0000 · rgb(255, 0, 0). Pure green: #00ff00 · rgb(0, 255, 0). Pure blue: #0000ff · rgb(0, 0, 255).
When should I use CMYK instead of RGB?
Use CMYK for anything going to print — brochures, business cards, posters, packaging. CMYK represents how physical inks mix (subtractive color). Use RGB for anything displayed on screens — websites, apps, digital ads, presentations. When RGB colors are converted to CMYK for print, vivid RGB colors (especially neon and saturated blues) often appear duller because CMYK gamut is smaller than RGB.
Toolzoid Color Converter vs Other Tools
Why Use Toolzoid Color Converter?
Toolzoid's color converter converts HEX, RGB, HSL, and CMYK simultaneously as you type in any field. All conversions happen instantly in your browser with no network requests. Use it to bridge web design (HEX/RGB) and print design (CMYK), check accessibility contrast, or extract color values from the visual color picker. Combine it with the favicon generator and SVG to PNG tool for a complete web design workflow.