Add Native Support for OKLCH Color Format in Illustrator
OKLCH is the modern standard for web design because it works in wide gamut color spaces (P3 / Rec.2020) and makes creating consistent, predictable color systems much easier. All major browsers have supported oklch() CSS colors since 2023.
Currently, Illustrator doesn’t allow designers to pick or export OKLCH values, breaking color consistency between design and development. Designers who create SVG graphics for the web must manually edit the CSS in generated SVG files to replace colors with oklch() colors to match brand colors and colors on the website. This slows down workflows and increases the risk of color mismatches.
Why OKLCH support is critical:
- Consistent colors on wide-gamut displays (P3 / Rec.2020).
- oklch() is now standard and used in brand style guides.
- Makes the hand-off from design to developers seamless.
- Keeps Illustrator relevant as designers move beyond sRGB to wide-gamut color spaces.
Proposed Implementation:
- Add OKLCH as a selectable color mode in the Color Picker alongside RGB, HSL, LAB.
- Provide L, C, H sliders and direct text input, e.g. "oklch(0.71 0.32 146.12)".
- Show warnings when outside of working color space or outside of the current display color-space.
- Show fallback sRGB color when color is outside of sRGB gamut (screenshot of OKLCH.com attached as an example).
- Export SVG with CSS oklch() colors for seamless handoff to web developers.