CSS & Color

Color Converter

Convert colors between Hex, RGB, HSL, and OKLCH with a live swatch and hue slider.

Browser-onlyInstant outputLocal data

Color input

Hue: 151°

Hex

#1a7a3d

RGB

rgb(26, 122, 61)

HSL

hsl(142, 65%, 29%)

OKLCH

oklch(51.1% 0.1277 150.5)

Why use this tool

Parse and convert colors across Hex, RGB, HSL, and OKLCH formats with full D65 color math.

Color Converter auto-detects the input format and converts to Hex, RGB, HSL, and OKLCH simultaneously.

Use the hue slider to explore hue variations while preserving lightness and chroma.

01Paste any color value: #hex, rgb(), rgba(), hsl(), hsla(), or oklch().

02Copy the output in whichever format you need.

03Drag the hue slider to explore related hues.

Confirm the input is the format you intended.

Scan the result before using it in a document, URL, config, or message.

Copy only the output you need.

What formats are supported?

Hex (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(), and oklch().

What is OKLCH?

OKLCH is a perceptually uniform color model defined by lightness, chroma, and hue. It is widely supported in modern CSS.

Does the hue slider change the input?

No. It adjusts only the displayed color by rotating the hue channel in OKLCH space while keeping lightness and chroma constant.