Skip to main content
ddevtools
ToolsBusinessGitHub (opens in new tab)
ddevtools
All ToolsBusiness ToolsGitHub (opens in new tab)
ddevtools

Free developer utilities that run entirely in your browser. Fast, private, and always free.

Developer Tools

  • JSON Formatter
  • Base64 Encoder
  • UUID Generator
  • Hash Generator
  • URL Encoder
  • Timestamp

Business Tools

  • Margin Calculator
  • Meeting Cost
  • Salary Converter
  • Date Calculator

Built with care. Your data stays in your browser.

  1. Home
  3. OKLCH Color

OKLCH Color Converter

Convert and explore colors in the OKLCH color space

OKLCH Values

CSS Values

OKLCH
oklch(70.0% 0.150 250.0)
HEX
#4BA3F7
RGB
rgb(75, 163, 247)

Why OKLCH?

  • Perceptually uniform - equal steps look equal to humans
  • Predictable lightness - easy to create accessible color palettes
  • Better for color manipulation than HSL
  • Supported in all modern browsers (CSS Color Level 4)
  • Great for design systems and generating color scales

Related Tools

  • Color Converter - convert to HEX and RGB
  • Number Base Converter - work with hex values

How to Use OKLCH Color Converter

  1. Enter a color value

    Input a color in HEX, RGB, HSL, or OKLCH format.

  2. Adjust OKLCH values

    Use sliders to modify lightness, chroma, and hue in the perceptually uniform space.

  3. Copy any format

    Click Copy next to HEX, RGB, HSL, or OKLCH to use in your CSS.

Frequently Asked Questions

Is the OKLCH Color Tool free?
Yes, the OKLCH Color Tool is completely free with no limitations. Explore and convert colors as often as you need without registration.
Is my data private?
Yes, all color conversions happen locally in your browser. No color data is sent to any server.
What is OKLCH and why use it?
OKLCH is a perceptually uniform color space where equal numerical changes produce visually equal differences. Unlike HSL, colors with the same lightness value actually appear equally bright, making it ideal for creating accessible color palettes.
Is OKLCH supported in browsers?
Yes, OKLCH is supported in all modern browsers including Chrome, Firefox, Safari, and Edge. You can use oklch() in CSS just like rgb() or hsl(). The tool provides both OKLCH and fallback formats.