Skip to content

Color Converter

Convert colors between HEX, RGB, HSL, and OKLCH formats instantly. Free, private, in-browser.

FreeNo SignupNo Server UploadsZero Tracking

Color Converter

Convert colors between HEX, RGB, HSL, and OKLCH formats. Pick a color or paste any color value.

How to Use Color Converter

  1. 1

    Enter a color

    Type a color in any supported format: HEX (#ff0000), RGB (rgb(255,0,0)), HSL (hsl(0,100%,50%)), or OKLCH (oklch(0.6 0.2 30)). You can also use the color picker.

  2. 2

    View all formats

    The tool instantly converts your color to all four formats and displays a preview swatch.

  3. 3

    Copy the format you need

    Click the Copy button next to any format to copy it to your clipboard.

Frequently Asked Questions

The tool supports HEX (e.g., #3b82f6), RGB (e.g., rgb(59, 130, 246)), HSL (e.g., hsl(217, 91%, 60%)), and OKLCH (e.g., oklch(0.623 0.214 259.1)). Input any format and get all others.

OKLCH is a perceptually uniform color space defined by Lightness, Chroma, and Hue. It is increasingly used in CSS because colors that look equally bright have equal lightness values, unlike HSL.

Yes. The tool uses the standard mathematical transformations between color spaces. OKLCH conversion goes through the Oklab color space intermediary for accuracy.

Currently the tool converts opaque colors (no alpha channel). Support for RGBA/HSLA with alpha is planned for a future update.

Yes. Click the color picker input next to the text field to select a color visually. The tool will convert it to all formats automatically.