Here's the image I'm working with:


I'm wondering if it's possible to automatically change all the images to using a color scheme close to #489fdc. I've tried making changes in Paint.NET and Photoshop, but haven't had any luck. Does anyone have experience with doing this?

I only have the .png version and not a .psd - otherwise this would of course be easy :)

  • Sorry, I have no photoshop and I can't give a proper answer with the result, but after a few search with google images I've found here the original psd file. Nov 22, 2014 at 10:40

2 Answers 2


Since this is tagged as :

Although your purpose for these calendar images is not clear, in order to create this in the most dynamic way, I'd recommend using HTML's little know <time> element (which is supported back to IE9) and CSS as opposed to creating a bunch of variation images because it's much easier to update.

Here's a basic structure you could use (pulled from Craig Buckler's article on the subject), you could just replace the text with what you need.

<time datetime="2014-09-20" class="icon"> 

With some added styling, you can create something quite similar to what you're wanting. You could even create the rings on top by using pseudo elements.

If you use a preprocessor like SCSS, you could make changing the color scheme (even with gradients) could be as simple as changing one variable.


A quick and dirty way in photoshop would be to open the image in photoshop, go to image/adjustments/hue&saturation, select colorize and then tune the Hue and Saturation sliders. Because you are using a png, you might have to clip out the parts you do not want to be effected and leave those parts a layer above the copy of the image with the parts you need to effect with color.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.