Standards first
Conversions and gamut handling follow CSS Color 4. Accessibility results use WCAG contrast calculations from final displayed colors, never a shortcut based on OKLCH lightness alone.
About
A practical OKLCH workspace
OKLCH.xyz is made for frontend developers and design-system teams who need accurate conversions, gamut information, contrast results and production-ready exports in one place.
Local by default
Color values, palettes and CSS are processed in your browser. You can explore and export without uploading design-system data to a server.
Built for production
The workspace connects picking and conversion to gamut checks, contrast validation, palettes, Tailwind CSS, Shadcn and design-token exports.
Maintenance and corrections
Color calculations are implemented in TypeScript and covered by automated reference tests. The methodologyexplains conversion, gamut mapping and contrast decisions; material technical corrections are recorded in the changelog.
To report a reproducible issue, emailhello@oklch.xyz.