Skip to tool

OKLCH Color Converter

Convert between OKLCH, OKLab, sRGB, and display-P3.

How to Use This Tool

  1. Enter the OKLCH Color Converter input in the field on the page.
  2. Click "Convert" to run the tool in your browser.
  3. Read the result below the form and copy it if you need it in another app.

Learn More About OKLCH Color Converter

About OKLCH Color Converter

Convert colors between OKLCH and other color spaces. Supports wide-gamut display-P3.

About

Convert colors between OKLCH and other color spaces. Supports wide-gamut display-P3.
Convert colors between OKLCH and other color spaces. Supports wide-gamut display-P3.
Runs in browser
Yes
No signup required
Yes

Examples

Example usage

Try the tool with sample input.
Input
oklch(0.7 0.15 145)
Output
Input: oklch(0.7 0.15 145)
HEX: #5bb661
RGB: rgb(91, 182, 97)
HSL: hsl(123.79, 38.61%, 53.52%)
OKLCH: oklch(0.7000 0.1500 145.00)
OKLab: oklab(0.7000 -0.1229 0.0860)
display-p3: color(display-p3 0.4477 0.7063 0.4147)

Use Cases

  • Check oklch color converter values while you draft a page, spreadsheet, or config.
  • Paste a sample into OKLCH Color Converter and copy the output into your workflow.
  • Keep sensitive inputs on-device — this page runs the calculation in the browser.

Frequently Asked Questions

Related Tools

Related tools: