Color format converter

HEX · RGB · HSL · OKLCH · CMYK · HSV / HSB

The color format converter shows every practical representation across HEX, RGB, HSL, OKLCH, CMYK, and HSV / HSB. Adjust the color with the system picker, HSL sliders, or preset chips, then copy the snippet you need for CSS, Sass, custom properties, or PHP.

Color
HSL adjustment
280°
70%
63%
Preset palette
Tints and shades

Output formats and notes

  • HEX: six-digit notation; you can type three digits in the field (e.g. abc expands to #aabbcc).
  • RGB: 0–255 channels and percentage syntax where shown.
  • HSL: modern hsl(H S% L%) and comma-separated legacy form.
  • OKLCH: values aligned with modern CSS (lightness as a percentage, chroma, hue).
  • CMYK and HSV: handy for print and design apps; conversion assumes the sRGB space.
  • CSS / Sass / PHP: ready-to-paste snippets for themes and WordPress code.