HSL to CMYK converter

Convert HSL to CMYK in one step. Paste a HSL value and the CMYK equivalent updates instantly, with a live preview so you can see exactly what you’re working with.

Try hsl(16, 100%, 60%)

cmyk(0%, 59%, 80%, 0%)

Updates as you type

HEX#FF6933
RGB255, 105, 51
HSL16°, 100%, 60%
CMYK0, 59, 80, 0

How to use this tool

  1. 1Paste or type your HSL value into the input on the left.
  2. 2Read the CMYK equivalent on the right. It updates as you type.
  3. 3Click the copy button next to the CMYK value to put it on your clipboard.

About this tool

A two-step conversion: HSL is converted to RGB internally, then to CMYK. Useful when you’re iterating on a palette in HSL and need print-ready values for a brand book.

Related tools

FAQ

Frequently asked questions

Short answers to what people ask most.

Reviewing work with your team?

Pin comments directly on a live website or design — no extension, no setup.

Annotate live sites and screenshotsCapture browser, viewport, and CSS contextFree for your first project