Color converter — HEX, RGB, HSL, OKLCH

HEX, RGB, HSL, OKLCH — pick any format, copy any other.

Modern web work means juggling color formats: HEX (#ff7a00) for legacy CSS, RGB and RGBA for compositing, HSL for hue-based design tokens, and OKLCH — the new perceptually-uniform color space that lets you adjust lightness without changing the apparent hue. This converter takes any of those, shows you the others, and gives you a live preview swatch with optional alpha. Click any value to copy a CSS-ready string. Useful when migrating a design system to OKLCH, debugging why two 'reds' look different, or grabbing a color out of a Figma export.

Related tools

  • Regex tester — live match highlighting & replace preview
  • URL encoder & decoder — percent encoding online
  • Slugify — turn any string into a URL-safe slug
  • Lorem ipsum generator — words, sentences, paragraphs