I have a thousand images let's say, of all different types, basically like what you would find on Wikipedia. They are all JPGs though. Some of them have a solid light or dark background with a figure on top (like a person on a black background, or an animal on a white background, or a green background, etc.). Some of them are like a scene of flowers and grasses and trees, so highly complicated color arrangement (i.e. not a simple solid color). Some of them already have a hint of a filter on them (whether it's "vintage" look or "cool temperature" or "warm" or high contrast HDR look).

I'm wondering what my options are for making the overall design of a grid of images feel fully integrated into the surrounding Flat UI design of the website, and so the images have perhaps a hint of one of the accent colors or non-accent colors, and all the images have the same overall temperature/saturation/contrast/etc. Wondering if it's possible to do this.

I am imagining I would figure out how to do this using a color library in JavaScript rather than going through each image manually and adjusting the sliders. I want it to be automatic somehow, if at all possible. That is, I somehow write some code that figures out a "baseline" style for the images, then compares each image to that style and adjusts it the appropriate amount to match. Wondering (a) if this is even possible, and (2) (if it's not too much to ask) if you could point me in the right direction on how to get started.

In the end, all of the images would have the same color palette roughly, same overall filter effect look.

Thank you.

  • 2
    Photoshop has a "match color" function that does exactly what you want. Also, it could be automated for 1000 images by recording an action. Unfortunately I can't really add that as an answer since you seem to have limited the solution to JavaScript. – Billy Kerr May 13 '19 at 9:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.