Color format converter

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

Enter a colour value in any format and get all conversions simultaneously. Live colour preview, recent conversion history and ready-to-paste CSS output.

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

Front-end work constantly involves colours in different formats: Figma design files often export HEX values, modern CSS favours HSL for theme manipulation, and WordPress plugins may require RGB or RGBA for widget colour fields. Converting between formats manually is slow and error-prone.

This converter handles:

  • HEX in 3, 6 and 8 digits (with alpha channel)
  • RGB and RGBA with 0–255 and 0–1 alpha values
  • HSL and HSLA (degrees, percentage, percentage)
  • HSB / HSV as used in Figma and Photoshop
  • CSS named colors (red, transparent, etc.)

Additional features:

  • Live colour preview on light and dark backgrounds
  • One-click copy for each format
  • History of the last 10 conversions in the session
  • Nearest CSS named color suggestion