Awesome Toolkit

Color Converter & Picker

Convert colors between HEX, RGB, HSL, and OKLCH. Includes a visual color picker.

How to use the Color Converter

  1. Click the color swatch or the color picker to choose a color visually.
  2. Or type any value directly into a format field — HEX, RGB, HSL, or OKLCH — and all others update instantly.
  3. Click Copy next to any format to copy it to your clipboard.

HEX vs RGB vs HSL vs OKLCH

HEX (#RRGGBB) is the most common format for the web and CSS. RGB expresses each channel from 0–255. HSL (hue, saturation, lightness) is intuitive for designers — adjusting the lightness creates tints and shades. OKLCH is the modern perceptual color space defined in CSS Color Level 4: its lightness value is perceptually uniform and it supports a wider color gamut than sRGB.