RGB to OKLCH Converter

Type a RGB value and get OKLCH straight away. Everything runs in your browser — nothing is sent to a server.

Result

Other formats

HOW

How the conversion works

RGB is linearised, passed through Oklab and read out as L, C and H. HSL takes lightness from the largest and smallest channel, which makes equal lightness values look uneven across hues; OKLCH’s L largely removes that problem.

EXAMPLES

RGB to OKLCH examples

Color	RGB	OKLCH
Red	`rgb(255, 0, 0)`	`oklch(62.8% 0.2577 29.23)`
Tomato	`rgb(255, 99, 71)`	`oklch(69.6% 0.1955 32.32)`
Orange	`rgb(255, 165, 0)`	`oklch(79.3% 0.171 70.67)`
Gold	`rgb(255, 215, 0)`	`oklch(88.7% 0.1822 95.33)`
Limegreen	`rgb(50, 205, 50)`	`oklch(74.2% 0.2286 142.83)`
Teal	`rgb(0, 128, 128)`	`oklch(54.3% 0.0927 194.77)`
Dodgerblue	`rgb(30, 144, 255)`	`oklch(65.2% 0.1901 253.21)`
Royalblue	`rgb(65, 105, 225)`	`oklch(56% 0.1882 266.4)`
Blueviolet	`rgb(138, 43, 226)`	`oklch(53.4% 0.2503 301.37)`
Hotpink	`rgb(255, 105, 180)`	`oklch(72.8% 0.1971 351.99)`

Other converters

HEX → RGBHEX to RGB Converter RGB → HEXRGB to HEX Converter HEX → HSLHEX to HSL Converter HSL → HEXHSL to HEX Converter RGB → HSLRGB to HSL Converter HEX → CMYKHEX to CMYK Converter RGB → CMYKRGB to CMYK Converter HEX → OKLCHHEX to OKLCH Converter OKLCH → HEXOKLCH to HEX Converter