toolkitta.
All Text tools

Color Converter

Convert CSS hex, rgb(), hsl() and OKLCH colors, including alpha, with a live swatch.

Processed on this device
Paste text or open a fileOr start from an example:
Waiting for input

CSS color values

The result appears here.

Ctrl+↵ copy result · Ctrl+Shift+F result to input

How it works

How to use Color Converter

  1. Enter a hex, rgb(), hsl() or oklch() color.
  2. Check the swatch, converted formats and any gamut warning.
  3. Copy the CSS values.
Frequently asked questions

Useful details

3 answers
Are named colors supported?

Enter an explicit hex, rgb(), hsl() or oklch() value so the result is unambiguous.

What if an OKLCH color exceeds sRGB?

The sRGB preview and output are clipped. A warning marks the approximation; use the source OKLCH value where wide gamut color is supported.

Is transparency preserved?

Yes. Alpha is retained in the converted values, with rounding for hex bytes.

More help

Guides, common conversions and useful next steps.

Continue with your result

Use the action beside a finished result to send it directly, or open another tool: