oklch.fyi
Generate, convert and preview OKLCH colors
oklch.fyi launched on March 28, 2025 with 7 votes. The site was still online in September 2026, 1 year on.
What it does
oklch.fyi: Generate, convert, and preview OKLCH colors with ease. Create color palettes, export CSS variables and fine-tune your app with perceptually uniform colors.
Build palettes with consistent lightness and predictable shades, convert between formats, and explore gamut — all in OKLCH.
Discover how the OKLCH color model works. Learn, experiment and create more consistent and perceptually uniform color palettes. oklch is a newer color model that is designed to be perceptually uniform. This means that colors are much more accurate in terms of how humans perceive them and it makes working with them much easier. Before being able to understand how oklch differs from the other color models, it is important to understand some of the basic color concepts. Color models are systems to describe colors. These include rgb , hsl , lch , oklch and more. The model determines how easy it is to manipulate or think about a color. Gamut is a playing field where the model lives and defines…from oklch.fyi
Does a similar job
all alternatives →
- AOAn OKLCH-based perceptually uniform color system/theme builderNov 2025 · colorphreak.com · ▲5
I've been using a version of this internally for a few months but decided to polish it a little to finally deploy it. It's a color system generator that creates accessible, perceptually uniform color palettes using the OKLCH space. It takes one seed (primary) color, generates relative key colors from multiple color harmony schemes (analogous, complementary, etc) that are then used to create 26-step color ramps each. Shades from the ramps are then used to generate semantic color roles, or can be used for creating custom palettes. All colors are gamut-mapped to the sRGB gamut with chroma…
ColorMeUp LabJun 2026 · lab.colormeup.co · ▲4OKLCH color scale generator: lightness, chroma, hue and curve control, WCAG & APCA contrast checks, and export to Tailwind, CSS, SCSS and SVG. Free and open-source.
uiHue - Free Tailwind4 Palette Generator2025 · ▲15Tailwind CSS v4 OKLCH Palette Generator, free forever.
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 28d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 26d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 24d ago · openbot.run
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 14h ago · github.com
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
Source: Product Hunt launch ↗
Launched alongside, March 2025
the whole month →
Mimic Human Research & Save Findings in AI Knowledge Base
AI · 2025 · sider.ai
