Huebert

Color Converter

Convert colors between HEX, RGB, HSL, OKLCH, LAB, CMYK, and more color spaces easily.

Free Online Color Converter

Convert color values for CSS, design systems, palettes, and accessibility work. Paste a color, pick the input space, and Huebert shows the matching values across modern and classic color spaces instantly.

Supported color spaces

HEX, RGB, sRGB, HSL, HSV, CMYK, LAB, LCH, LUV, HWB, XYZ, OKLAB, OKLCH, HSLuv

Common conversions

  • HEX to RGB
  • RGB to HEX
  • HEX to HSL
  • HSL to RGB
  • HEX to OKLCH
  • OKLCH to HEX
  • LAB to HEX
  • CMYK to RGB

Accepted inputs

Use CSS functions like rgb(), hsl(), lab(), lch(), oklab(), and oklch(), or enter comma-separated, space-separated, or array-style channel values. Choose D65 or D50 as the reference illuminant for accurate LAB, LCH, LUV, and XYZ conversions.

Huebert's Color Tools

Free generators and pickers to build palettes, themes, and backgrounds — all part of Huebert.

Palette Generator

Build 1–10 color palettes with contrast checks, presets, and export in any format.

High Contrast Generator

Create readable foreground and background pairs validated for WCAG and APCA.

shadcn/ui Generator

Generate full light and dark themes with Tailwind CSS variables ready to paste.

Image Color Picker

Extract up to 10 colors from any image and open them in other generators.

Background Generator

Create colorful gradient backgrounds for screenshots and social previews.

API

Convert colors, generate palettes, and build themes programmatically via the REST API.

Frequently Asked Questions

Is the color converter free?
Yes. Convert colors between HEX, RGB, HSL, OKLCH, LAB, CMYK, HWB, XYZ, OKLAB, HSLuv, and more without an account.
Which input formats are supported?
Depending on the selected color space, you can enter CSS values like rgb() or hsl(), comma- or space-separated channels, array syntax like [233, 72, 124], or relative RGB values from 0 to 1.
Can I share a conversion link?
Yes. Your input color space and value are reflected in the URL, so you can bookmark or share the page with the conversion already filled in.
Which color spaces are supported?
The converter supports HEX, RGB, sRGB, HSL, HSV, CMYK, LAB, LCH, LUV, HWB, XYZ, OKLAB, OKLCH, and HSLuv.
What is the reference illuminant setting?
LAB, LCH, LUV, and XYZ values depend on the reference white point. Choose D65 for screen and sRGB workflows, or D50 for print and measured Lab values. Huebert uses Color.js chromatic adaptation between illuminants.