Show HN: Colormind – Color schemes via Generative Adversarial Networks

Damn, this has become my new tool for palette generation. Good work!

Have you considered using fine art as training data, perhaps broken down into movements/motifs? In your blog posts you mentioned that not all photographs make for well chosen palettes, this could get around that as artists should have a great understanding of theory.

As far as the pixel-level errors in your palette training, would downscaling+blur solve this?

the model isn't totally deterministic, but aside from that the main palette is actually an ensemble of 12 separate models trained on slightly different hyper-parameters.

Colors are kind of subjective, and this is just meant to add some variety. eg. If you make a gradient out of 4 shades of the same color most of the models will complete the gradient, but a few of them would give you a contrasting shade.

I personally love color palettes generated by Coolors https://coolors.co/.

This is what I'd want as well. Bootstrap is a good example of color application as they define SASS variables to action states:

By default:

primary == dark blue success == green warning == orange info == light blue danger == red

Then the rest of the styling for the theme is calculated from that, so you have other elements defined as: whatever the primary color is but 40% darker.

What I'd love is a color palette picker that let me put in a particular color orange and then would spit out:

"Hey, here's the green, dark blue, light blue, and red that match that orange you chose."

Looks cool! I recently posted HuulaTypesetter (https://huu.la/ai/typesetter) which infers font sizes for web pages based on DOM context and CSSRooster which infers CSS class names based on the context. I'm really happy to see that there are more intelligence happening in the design world! The dream of replacing Web UI design with AI will one day come true!

All (deep) learning models suffers the issue of 'garbage in garbage out', so one way that could make the palettes more related to real world web designs is to learn the colors used in web designs directly instead of from photographs and movies since those data will has much more noise than good web designs (with video and images stripped out of course).