0

I have calendar image with I want to change to another color. I dont have photoshop to edit the color. Is it possible to change color with css?

enter image description here

I want to apply color to this color: #26416c;

James123
  • 11,184
  • 66
  • 189
  • 343
  • Is that a font icon? – m4n0 Jul 14 '15 at 15:52
  • If your image is a `PNG`, you can take a look at this: http://stackoverflow.com/questions/7415872/change-color-of-png-image-via-css – Drew Kennedy Jul 14 '15 at 15:55
  • @ManojKumar I am using jquery datepicker so I cannot use font icon. – James123 Jul 14 '15 at 15:57
  • 1
    You don't need Photoshop to do such small image editing. You can use Paint.Net (WIndows) / GIMP (WIndows, Linux, Mac) and other [alternatives](http://alternativeto.net/software/adobe-photoshop/). – Techie Jul 14 '15 at 16:00

1 Answers1

3

If it's an image, you're limited to editing it with an image editor, or using what is currently experimental CSS technology by using the filter property:

img {
  -webkit-filter: hue-rotate(90deg);
  filter: hue-rotate(90deg);
}
<img src="https://i.stack.imgur.com/v96I5.png" />
j08691
  • 204,283
  • 31
  • 260
  • 272
  • `-webkit-filter: hue-rotate(15deg) saturate(0.65) brightness(0.66);` seems to get awfully close to `#26416c`. I made the background that color, then tweaked the filters until I couldn't see the image any more. – Unixmonkey Jul 14 '15 at 16:12