HEX to OKLCH Converter
Type a HEX value and get OKLCH straight away. Everything runs in your browser — nothing is sent to a server.
HOW
How the conversion works
The HEX becomes RGB, then Oklab, then lightness (L), chroma (C) and hue (H). OKLCH is built around perceived lightness, so changing the hue alone does not make a color look brighter or darker.
EXAMPLES
HEX to OKLCH examples
| Color | HEX | OKLCH |
|---|---|---|
| Red | #FF0000 |
oklch(62.8% 0.2577 29.23) |
| Tomato | #FF6347 |
oklch(69.6% 0.1955 32.32) |
| Orange | #FFA500 |
oklch(79.3% 0.171 70.67) |
| Gold | #FFD700 |
oklch(88.7% 0.1822 95.33) |
| Limegreen | #32CD32 |
oklch(74.2% 0.2286 142.83) |
| Teal | #008080 |
oklch(54.3% 0.0927 194.77) |
| Dodgerblue | #1E90FF |
oklch(65.2% 0.1901 253.21) |
| Royalblue | #4169E1 |
oklch(56% 0.1882 266.4) |
| Blueviolet | #8A2BE2 |
oklch(53.4% 0.2503 301.37) |
| Hotpink | #FF69B4 |
oklch(72.8% 0.1971 351.99) |
MORE