UtilHub

RGB to OKLCH Converter

Convert RGB color values to OKLCH instantly. OKLCH is a modern CSS color format based on human perception, enabling precise adjustments to lightness and chroma that look visually uniform across all hues.

name, hex, rgb, hsl, hwb, cmyk, ncol

FormatValue
OKLCHoklch(72.9% 0.1696 35.11)
Name
Hex#ff7a59
RGBrgb(255, 122, 89)
HSLhsl(12, 100%, 67%)
HWBhwb(12, 35%, 0%)
CMYKcmyk(0%, 52%, 65%, 0%)
NColR20, 35%, 0%

Lighter / Darker:

oklch(95.4% 0.0233 37.38)
oklch(87.4% 0.0684 34.17)
oklch(79.8% 0.1173 34.49)
oklch(73.2% 0.1668 34.91)
oklch(68.1% 0.2100 34.89)
oklch(64.6% 0.2409 32.62)
oklch(55.8% 0.2061 32.95)
oklch(46.6% 0.1696 33.50)
oklch(36.8% 0.1317 34.20)
oklch(26.5% 0.0896 36.50)
oklch(15.3% 0.0437 45.08)

Pick a Color:

How to Use This Tool

Enter your color as rgb(r, g, b) in the input field. The converter transforms it to OKLCH format — a perceptually uniform color space where equal steps in lightness actually look equal. Output is in CSS-ready oklch() syntax. Click to copy any value. The shade bar shows OKLCH values for lighter and darker variations, giving you a perceptually balanced palette at a glance. OKLCH is supported in all modern browsers and is great for building accessible design systems.