← Back to context

Comment by seanwilson

19 days ago

A tool for creating CSS color palettes for web UIs that pass WCAG accessibility standards for color contrast, where you can fine tweak all the tints/shades quickly using a hue/saturation/lightness curve editing interface:

https://www.inclusivecolors.com/

Unlike most tools based around autogenerating colors, this is more of an editor that lets you fully customise all the tint/shades to your liking with a focus on accessibility. This is important when you've got existing brand colors to include and want to find accessible color combinations that work together.

Would love feedback in general and especially from designers/devs who have different needs in how they go about creating branded palettes!

4 comments

seanwilson

Reply
snisarenko  19 days ago

This is great! As a non-designer, I've been relying on ChatGPT to select color schemes/palettes for me.

  • seanwilson  19 days ago

    > I've been relying on ChatGPT to select color schemes/palettes for me

    Thanks! Any problems you've found with this approach or it's usually good enough?

    For me, I couldn't find a tool that would let me customize multiple color scales at once, check they look good together on a mockup, and also be accessible. It's one of those problems where you can autogenerate something that gets you most of the way there, but then for it to be usable you need need to see how it looks on designs and fine tweak it.