Not

Hacker News!

Beta
Home
Jobs
Q&A
Startups
Trends
Users
Live
AI companion for Hacker News

Not

Hacker News!

Beta
Home
Jobs
Q&A
Startups
Trends
Users
Live
AI companion for Hacker News
  1. Home
  2. /Story
  3. /Show HN: An OKLCH-based perceptually uniform color system/theme builder
  1. Home
  2. /Story
  3. /Show HN: An OKLCH-based perceptually uniform color system/theme builder
Nov 23, 2025 at 10:14 AM EST

Show HN: An OKLCH-based perceptually uniform color system/theme builder

kurainox
5 points
1 comments

Mood

informative

Sentiment

positive

Category

startup_launch

Key topics

Color Theory

Design Tools

Accessibility

Web Development

UI/UX

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 reduction, essentially preserving lightness and hue values while finding the maximum in-gamut chroma for each step.

There are obvious similarities to Material Design Themes, mostly because I'm visually pretty comfortable with it. Plus, I started this project back when some of the colors generated by Material could be a little dull and I wanted to learn/build something like this from the ground up.

There are a couple of improvements I would like to make to this in the near future. The first one is a dynamic chroma curve (the chroma falloffs for the ramps are on a bell curve). At the moment, the chroma curve peaks at L ~0.55 for all hue ranges, which works good enough but isn't ideal for a few reasons. The second one would be adding seed color extraction from images. And maybe a built-in contrast checker.

If you find the tool helpful and/or have any feedback or suggestions, let me know.

Discussion Activity

Light discussion

First comment

2h

Peak period

1

Hour 2

Avg / period

1

Comment distribution1 data points
Loading chart...

Based on 1 loaded comments

Key moments

  1. 01Story posted

    Nov 23, 2025 at 10:14 AM EST

    16h ago

    Step 01
  2. 02First comment

    Nov 23, 2025 at 12:03 PM EST

    2h after posting

    Step 02
  3. 03Peak activity

    1 comments in Hour 2

    Hottest window of the conversation

    Step 03
  4. 04Latest activity

    Nov 23, 2025 at 12:03 PM EST

    14h ago

    Step 04

Generating AI Summary...

Analyzing up to 500 comments to identify key contributors and discussion patterns

Discussion (1 comments)
Showing 1 comments
slig
14h ago
Thank you for sharing!

I have a suggestion: consider exporting for shadcn as well.

View full discussion on Hacker News
ID: 46024168Type: storyLast synced: 11/23/2025, 6:44:09 PM

Want the full context?

Jump to the original sources

Read the primary article or dive into the live Hacker News thread when you're ready.

Read ArticleView on HN

Not

Hacker News!

AI-observed conversations & context

Daily AI-observed summaries, trends, and audience signals pulled from Hacker News so you can see the conversation before it hits your feed.

LiveBeta

Explore

  • Home
  • Jobs radar
  • Tech pulse
  • Startups
  • Trends

Resources

  • Visit Hacker News
  • HN API
  • Modal cronjobs
  • Meta Llama

Briefings

Inbox recaps on the loudest debates & under-the-radar launches.

Connect

© 2025 Not Hacker News! — independent Hacker News companion.

Not affiliated with Hacker News or Y Combinator. We simply enrich the public API with analytics.