OKLCH Color Picker & Converter

Name: OKLCH Color Picker & Converter
Rating: 5.0 (7 reviews)

The new way of working with color

5.0•7 reviews•

438 followers

The new way of working with color

5.0•7 reviews•

438 followers

Visit website

Interface design tools

•

Graphic design tools

•

Design resources

Add vivid wide-gamut P3 colors to your designs and run color manipulations with predictable results.

OKLCH Color Picker & Converter gallery image

Free

Launch tags:Developer Tools•GitHub•Development

Launch Team

Happycapy

I love the idea of using vivid wide-gamut P3 colors in designs! A clearer UI would be even awesome. Congrats on the launch! 🎨

Report

3yr ago

imgproxy

Hunter

@ming_xu1 Great feedback, thank you! What changes in UI would help to make it clearer in your opinion?

Report

3yr ago

OKLCH Color Picker & Converter

Maker

Hi, Product Hunt! I started to develop the OKLCH Color Picker and Converter as soon as I found that oklch() was added to CSS (and is now added to all the major browsers). I like oklch() so much, so we are now creating the ecosystem around this new math to work with colors: we help write docs, linters and tools. We’re pleased to present the first color picker on top of OKLCH. Check out the 3D view of the space, and frankly, it was fun to develop, too. Working with colors is deceptive. You think it will be a simple thing, but as you go deeper, you find yourself falling into a rabbit hole of edge cases. OKLCH simplifies so many things, and it finally solves issues with unstable color manipulation results that we've dealt with for so long. And further, OKLCH provides a great foundation for creating strong design systems.

Report

3yr ago

Avo CMS for Ruby on Rails

I love this. It looks like you can create uniform color pallets in a "scientific" way. Great job guys and gals👌

Report

3yr ago

imgproxy

Hunter

@adrianthedev Thank you, Adrian!

Report

3yr ago

💎 Pixel perfection

As someone who studied color for a degree I can tell it's a very useful tool!

Report

3yr ago

Polychrom—APCA Contrast Checker

Maker

@oleksii_sidorov1 wow, this is so encouraging to hear that 🔥 Thank you, Oleksii!

Report

3yr ago

Super cool Roman! Can you explain how different this is than HSL?

Report

3yr ago

Polychrom—APCA Contrast Checker

Maker

@between_team great question, David 👍 OKLCH is almost identical to HSL. Both provide to the designer 3 parameters: Lightness, Chroma/Saturation, and Hue. (It worth to mention that it’s much easier to think of colors operating these concepts rather than RGB or HEX codes). The difference is that in OKLCH these parameters were adapted to the human perception. Take a look at the fourth picture: when you transform the Blue using Lightness or Hue within the OKLCH color space you end up with a new level of color consistency. Speaking strictly, OKLCH is a perceptual color space while HSL is not. Did that help?

Report

3yr ago

Stratum UI Design Kit for Figma

Been using OKLCH since your first article. I hope you are succeeding in spreading this to the design community🙏

Report

3yr ago

Polychrom—APCA Contrast Checker

Maker

@danilov_den thank you, Denis!

Report

3yr ago

Brilliant. Absolutely brilliant. You made my color, Roman.

Report

3yr ago

Polychrom—APCA Contrast Checker

Maker

@douglas_garfield thank you, Douglas!

Report

3yr ago

@romanshamin By the way, Roman, Hattori Hanzo is a super font.

Report

3yr ago

Polychrom—APCA Contrast Checker

Maker

@douglas_garfield wooooooow! That was so long ago! You are a rare man who even know I made this font, thank you 🙏 Please, check out my new fonts—Martian Mono (free) and Martian Grotesk (links are in my profile). 🙌

Report

3yr ago

@romanshamin Will do! Thanks for the tip.

Report

3yr ago

@romanshamin Outstanding! Thanks for sending the trial. Love it on Evil Martians. It's super-readable and versatile. Martian Mono is no slouch, either. Colors and fonts on Good Friday! Thank you, Roman.

Report

3yr ago

1 2 3

•••

5.0

Based on 7 reviews

Review OKLCH Color Picker & Converter?

OKLCH Color Picker & Converter is highly praised for its ability to simplify the understanding and application of the OKLCH color space. Users appreciate its utility in creating accessible and uniform color ramps, making it a valuable tool for designers and frontend developers. The tool is recognized for pushing the boundaries of color manipulation, with users expressing excitement for its potential integration into platforms like Figma. The dedication and innovation of the creators, including Roman and Andrey, are acknowledged for delivering a top-notch product.

Summarized with AI

Pros

Cons

Reviews

All Reviews

Most Informative

OKLCH Color Picker & Converter

The new way of working with color

The new way of working with color

What's great

What's great