OKHSL / OKLCH Color Models Support
The HSL color model has a lot of issues with it and has been improved upon with OKHSL.
See this article—once you see the OKHSL color wheel, you will be sold instantly! Looks way better.
See attached images of HSL vs OKHSL.
Full article: https://bottosson.github.io/posts/colorpicker/
Would be great to have this in Illustrator.
Jack Brannen
shared this idea
-
Darrian commented
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. -
Someone75
commented
It will only take 10 years for Adobe to make this get into Illustrator .... maybe 11 ...
-
A similar request would be about LCH in gradients:
https://illustrator.uservoice.com/forums/333657-illustrator-desktop-feature-requests/suggestions/45171784-lch-gradients
The Gradient Blender script, mentioned in one of the comments, supports OKHSL, along with OKLAB, — but this is for gradients only, while this request is about Color Picker specifically. I’d love to have this for Color panel as well.
