Skip to content
♥ Donate

Color converter — offline

HEX, RGB, HSL, and OKLCH — with a live swatch, entirely on your device.

100% private — files never leave your device
HEX#2e8b57
RGBrgb(46, 139, 87)
HSLhsl(146, 50%, 36%)
OKLCHoklch(56.9% 0.119 154.9)

How it works

  1. 1

    Paste a color in #hex, rgb(), or hsl().

  2. 2

    See the swatch and every format at once.

  3. 3

    Copy the CSS-ready value you need.

Related tools

Timestamp ConverterUnix epoch to human time and back, with live current time.Case ConvertercamelCase, snake_case, kebab-case, and friends — all at once.Diff CheckerCompare two texts line-by-line or word-by-word.JSON FormatterPretty-print, minify, and validate JSON with exact error positions.

Frequently asked questions

Do my brand colors get sent anywhere?

No — conversion is pure math in your browser. Nothing about your palette is transmitted.

Which formats can I convert between?

HEX (#2e8b57, #f80), rgb(), and hsl() as input; HEX, RGB, HSL, and modern OKLCH as output.

Why OKLCH?

OKLCH is the perceptually uniform color space modern CSS supports — adjust lightness or chroma without hue shifts. This tool gives you the CSS-ready value.