Skip to content

OKLCH Color Picker

Full-featured OKLCH & LCH color picker and converter. Three.js visualization, HDR color support (P3, Rec. 2020), and accessibility-focused palette generation.

This is oklch.com – a color tool I built with TypeScript, Three.js, and the Culori color library. It supports HDR color spaces including P3 and Rec. 2020.

Open in new tab →

How it works

  • •Three.js 3D color space visualization – explore OKLCH as an interactive 3D volume rendered in real time.
  • •Real-time color conversion – convert across OKLCH, LCH, HSL, and RGB instantly as you adjust sliders.
  • •Accessibility-focused palette generation – build palettes with built-in contrast checking against WCAG guidelines.
  • •HDR color support – work with P3 and Rec. 2020 gamuts that go beyond what sRGB can represent.
  • •Voronoi diagrams – color space mapping with Voronoi tessellation for gamut boundary visualization.