Modern HEX to OKLCH Converter
Transform sRGB hex colors into modern perceptually uniform OKLCH (Lightness, Chroma, Hue) with CSS syntax export.
100% Client-SideZero Data Collection
#2563EB
CSS OKLCH String
oklch(54.6% 0.215 262.9)
Lightness (L)0.54654.6%
Chroma (C)0.215
Hue (H)262.9°
Cartesian OKLab:oklab(0.546, -0.027, -0.214)
Technical Specification & Mathematical Principles
Conversion transforms sRGB into Linear sRGB, then computes cone responses in LMS space via M1 matrix.
Non-linear cube-root scaling yields OKLab (L, a, b), which converts to polar coordinates: C = √(a² + b²) and H = atan2(b, a).
Frequently Asked Questions
Unlike HSL, where 50% lightness in yellow appears blindingly bright while 50% lightness in blue appears dark, OKLCH is perceptually uniform. Equal Lightness values produce identical perceived visual brightness regardless of Hue.
Related Design & Color Instruments
HEX to RGB Converter
Convert hexadecimal web color strings (#RRGGBB) to decimal integer rgb(r, g, b) tuples instantly.
Open Tool
RGB to HEX Converter
Convert decimal RGB integer components (0-255) to uppercase 6-digit padded hexadecimal strings.
Open Tool
HEX to HSL Converter
Convert hex color codes into cylindrical coordinates: Hue degrees (0-360), Saturation %, and Lightness %.
Open Tool
HSL to HEX Converter
Transform cylindrical HSL coordinates into standardized 6-digit hexadecimal web color strings.
Open Tool