OKLCH Studio
About OKLCH Studio
OKLCH Studio is a complete free product: Fix contrast without losing brand hue, pick in OKLCH, extract palettes from photos locally, and export tokens. Colorise Pro is a separate full workspace on its own domain — both sites ship real functionality, not demos of each other.
What you get on colorise.online
Contrast Fix (WCAG 2.1 + APCA), a perceptual OKLCH picker with live UI preview, on-device palette from image, deep links (?c=, ?fg=&bg=), and export to HEX, oklch(), CSS, SCSS, Tailwind @theme, JSON, PNG, or SVG. Plus English reference hubs for every default Tailwind v4 stop and a practical set of CSS named colors — each with contrast pairs that open Fix. No account.
Who builds the Fix math
OKLCH Studio is maintained as a free product on colorise.online. Fix only changes OKLCH lightness toward WCAG AA for normal text (4.5:1) while keeping hue and chroma. Scores follow WCAG 2.1 contrast ratios and APCA Lc readouts (informational helpers, not a legal audit). Specs: W3C WCAG 2.1 and the APCA candidate methods.
What Colorise Pro focuses on
Pairs (Duo/Trio), Explore archives, larger color-name dictionaries, and brand-from-URL live on colorise.pro — a separate full product. Studio owns Fix, the picker, photo palette, and Tailwind/CSS reference pages; Pro owns system hubs. Shared OKLCH math does not mean a cloned interface.
Same math, two products
Both can use honest OKLCH and modern contrast. They live on different domains and repositories, with different layouts and audiences.
Fix before / after (WCAG 2.1 normal text)
Real math from the same Fix engine as the live tool — hue and chroma stay, OKLCH lightness moves until AA (4.5:1). Open any row in Contrast with values prefilled.
Brand orange on white
Open in Contrast →Before — 3.18:1 · Fail
#E86C2C on #FFFFFF
After Fix — 5.16:1 · AA
#BE4600 · oklch(0.551 0.171 44.5)
Soft gray body text
Open in Contrast →Before — 2.54:1 · Fail
#9CA3AF on #FFFFFF
After Fix — 4.78:1 · AA
#6C737E · oklch(0.554 0.019 261.3)
Violet link on cream
Open in Contrast →Before — 5.23:1 · AA
#7C3AED on #F6F5F3
After Fix — 5.23:1 · AA
#7C3AED · oklch(0.541 0.247 293.0)
Try your own pair · Share with ?fg= and ?bg= on the contrast URL.
Studio vs Colorise Pro
| Topic | OKLCH Studio | Colorise Pro |
|---|---|---|
| Job | Ship accessible colors fast (Fix + picker + photo) | Build a palette system or brand kit |
| Shape | One-screen studio + intent landings | Multi-hub workspace |
| Photo / privacy | Local extract only — no upload | Local tools + server brand-from-URL |
| Killer feature | Contrast Fix that preserves hue | Pairs, Explore, Names, brand from URL |