Оверлеи поверх картинок

[catcat]

Введение.
Есть некое приложение на С. 
Оно взаимодействуя с пользователем собирает данные.
Данные используются для генерации html кода.
html код выводится в отдельном окне браузера.
На сей момент все нормально.
 
Проблема.

Флаг, предположим, Турции, можно составить из трех элементов - фона <div> и двух объектов <img>.
 
 
 
Пользователь задал данные, при которых цвета элементов иные.

 
Программа изменяет html код.
 
Тогда изменяется свойство css

div.flagbackground{...; background:"#FFBB80"}

То, как наложить цветовой фильтр на картинку (монотонная) - и есть проблема.

Как вариант -  загружать картинки белого цвета и накладывать фильтр.
 

Ограничение лишь в читаемости браузером IE.

 

 

[afdw]

http://jsfiddle.net/av2tzwkr/

[Yazon_Nile]

можно сделать свг и тоже задавать цвет через стили. Можно через канвас и задавать цвет через js

[DivMan]

А если поменять класс? 

[catcat]

Я скорее знаю С, чем явоскрипты и html, а посему прошу вас выражаться проще и, желательно, с примерами.

[DivMan]

картинки дай 

[catcat]

Обе картинки кликабельны.

Пример с турцией лишь для того, что бы точнее пояснить мою мысль, я не силен в этом, но надеюсь вы уловили мысль.

[DivMan]

Сколько всего цветов будет для выбора? 

 

Попробуй тут найти эти иконки http://fontello.com/ 

Edited May 4, 2015 by DivMan

[catcat]

http://jsfiddle.net/av2tzwkr/

Благодарю, это как раз то, что мне нужно.