Mam obrazek z flagą Japonii. Chciałbym zrobić z nim na stronie dwie rzeczy:

1. Przyciemnić go

2. Zamienic kolor biały na fladze na niebieski.

Oczywiście najprościej byłoby zapisać tez zmiany bezpośrednio na obrazku w programie graficznym, ale mi zależy żeby zrobić to na stronie. W jaki sposób można takie coś osiągnąć? Technologia dowolna (CSS3, JavaScript, czy cokolwiek innego).

Zrób sobie ten obrazek z elementów html (prostokąt i okrąg).
Jeśli nie, to baw się filtrami brightness i hue-rotate.