Show HN: Colormind – Color schemes via Generative Adversarial Networks
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).
sorry for the stupid question, but how do you "apply" color palettes? i mean, sure they look great as colorful columns, but how do you put them into UI?
let say Bootstrap. i tried using 1st color for button, 2nd color for "success" label, etc. it ended up ugly.
I personally love color palettes generated by Coolors https://coolors.co/.
I do love these color scheme generators, and perhaps this is a suggestion for improvement, the color vs. dominance of the color seems very important as well. That is, proportionally showing the palette based on how dominant that color should be in an overall end design
If you take into account various forms of colourblindness, could this be used to create colourblind friendly palettes that are still easy on the eye for everyone?
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?
Really good results! Is there a quick way to copy and paste the hex values for the palette?
This is a very naive question, but considering the artifacts you have on the GAN-generated images, you are trying to generate the whole "palette image" at a certain resolution.
For which reasons did you not use a 5x1 pixel RGB image as the target, that would have been orders of magnitude faster to train?
Thanks!
Can you get a suggested color palette by API call?
Why GANs for this?
I can see a lot of utility in this. Great job!
Is this limited to generating palettes of 5 colors? Sometimes all 5 won't be needed, wouldn't that make the output a little less useful since the algorithm considers how each of the five interacts with the others.
If I only needed two colors, I wouldn't need those two colors to work against three other colors.
This looks great!
Did you have any thoughts with regards to releasing it as open source so that we could run our own instances with the various training sets? I note that you appear not to be monetizing it at all, so I figured I'd pop the question :)
Would be super cool if you could pick your own ground truth data. Or predefined sets.
These look cool! Is there a way to get.. more colors? Eg, i'd like to use this for some themes editor themes, but i need a couple backgrounds, foregrounds, etcetc. Maybe 10 colors would do, hard to say.
Thoughts?
I'd be nice if I could use the color locking thing on an uploaded image. I'd like to start with some base colors from a movie/game/etc and start exploring the color range with the AI.
Really great idea, and very practically useful! Thanks for sharing.
Very cool! One thing I noticed is that if you lock all colors except one and press 'generate' repeatedly, each call produces a different color. Why is that?
If the site gave fascist propaganda posters as an example, how would that fly? Why are communist propaganda posters ok?
Using deepmind for generating color palettes is somewhat of an overkill. It is really not that hard a problem.
It is very easy to programatically generate several color palettes from a main color.
It is also wasy to select one or more main colors from a picture.