DEV Community

Cover image for I built an OKLCH palette generator for pixel art and UI
ivan kulkin
ivan kulkin

Posted on

I built an OKLCH palette generator for pixel art and UI

Hi! I built OKLCH Pixel Palette, a free and open-source browser tool for generating color palettes with OKLCH.

You can:

generate 2–9 color palettes
preview colors on pixel art
copy HEX values
export palettes as PNG, GPL and PAL
save your palettes to the cloud
publish palettes to the public gallery
browse and save palettes made by other users
share palettes with a link

The project is open source, so you can also check out the code and contribute.

I built it because I wanted a fast way to work with perceptually consistent colors without manually tweaking everything.

I’d love feedback, especially on the palette generation and UI.

oklchpalette.ru

Top comments (5)

Collapse
 
a-dev profile image
a-dev

The link at the end of the article is wrong, please fix it.
I think it makes sense to add export support for CSS properties with naming (--color-red: ...). And, in my experience, a Tailwind palette is a must-have for now

Collapse
 
ivan_kulkin_1522025957eee profile image
ivan kulkin

We have already made this change based on your request!😀

Collapse
 
a-dev profile image
a-dev

Great! I'll give it a try

Thread Thread
 
ivan_kulkin_1522025957eee profile image
ivan kulkin

I also added an AI for selecting color palettes. I think you'll like it

Collapse
 
ivan_kulkin_1522025957eee profile image
ivan kulkin

Thanks! Fixed the link. CSS variables and Tailwind export are good ideas I'll add them to the roadmap. Appreciate the feedback!