Color Picker

Pick colors and convert between HEX, RGB, and OKLCH formats. Test colors with live preview.

Pick a Color

Current Color

Gradient Color Picker

Quick Presets

Or Enter a Color

Enter any format: HEX (#ff0000), RGB (255, 0, 0), or OKLCH (0.6 0.2 30)

Color Formats

HEX

#3B82F6

RGB

rgb(59, 130, 246)

130

246

OKLCH

oklch(0.599 0.177 254.1)

Lightness

0.599

Chroma

0.177

Hue

254.1°

Color Preview

White Text

Black Text

💡 Tips

• HEX: Use format #RRGGBB (e.g., #3b82f6)
• RGB: Use format rgb(r, g, b) or r, g, b (e.g., 59, 130, 246)
• OKLCH: Use format oklch(l c h) or l, c, h (e.g., 0.6 0.2 254)
• Click any color value to copy it to your clipboard
• OKLCH is a perceptually uniform color space, great for design systems!