UtilSnapDeveloperColor Tools

Color Tools

Convert colors between HEX, RGB, HSL, and OKLCH. Extract palettes from images.

Preset Colors

Extract Palette from Image

How to convert colors between formats online

  1. Pick a color using the color picker or enter a value in HEX, RGB, HSL, or OKLCH.
  2. View all equivalent color representations instantly.
  3. Copy the format you need for CSS, design tokens, or code.

Related tools: JSON Formatter, Regex Tester

Frequently asked questions

Why use OKLCH over HSL?

OKLCH produces perceptually uniform palettes and smoother gradients in modern CSS. Lightness steps look visually consistent across hues, unlike HSL.

Is any data sent to a server?

No. All color conversions are computed in-browser.

Is the color converter free?

Yes. Free, no sign-up.

Can I convert HEX to HSL for CSS variables?

Yes. Enter a HEX code and immediately see the HSL values ready to paste into CSS custom properties.