Skip to content
SnapTools

Color Converter

Runs in your browser

Convert between HEX, RGB, HSL and CMYK. Use the colour picker or type any format to get every other format at once.

HEX#2563eb
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
CMYKcmyk(84%, 58%, 0%, 8%)

About this tool

Colours on the web are specified in several equivalent formats: HEX (compact, common in CSS and design tools), RGB (used in code and APIs), HSL (hue/saturation/lightness, often the most intuitive for adjusting a colour by feel), and CMYK (the subtractive model used in print). This tool accepts any of the first three as input and shows all four simultaneously, so you never need to convert one at a time.

How to use

  1. Use the colour picker to choose a colour, or type a HEX, rgb(), hsl() value, or a CSS colour name.
  2. All four formats update automatically.
  3. Copy any value for use in CSS, design tools, or print software.

When to use this tool

  • Converting design specs: designer gives HEX, your code needs RGB or HSL.
  • Picking a colour visually and getting every format at once for CSS or graphics software.
  • Preparing a colour for print, which needs CMYK rather than RGB or HEX.
  • Debugging colour values across tools that each expect a different format.

Tips

  • HSL is usually the easiest format for hand-adjusting a colour — raise or lower lightness without changing the hue.
  • CMYK here is a standard, uncalibrated conversion; real print jobs should use your printer's or press's specific colour profile.

FAQ

What is the difference between HEX, RGB, HSL and CMYK?
HEX and RGB both describe additive red/green/blue light and are mathematically identical, just written differently. HSL describes the same colour by hue, saturation and lightness, which is more intuitive to adjust by hand. CMYK is a subtractive model for print, built from cyan/magenta/yellow/black ink.
Does this support alpha (transparency)?
No — this tool converts opaque colour values only. For RGBA or 8-digit HEX with alpha, drop the alpha channel before pasting it in.
Is my colour sent anywhere?
No. Every conversion runs in your browser.

Related tools