Je ne connais rien à ce type de problème, mais en voici les données:

j'ai un png, genre une étoile (ou un carré si vous voulez*) utilisant un fond invisible, il sera de couleur unie, et je veux pouvoir le "placer" juste une fois sur page html, mais en en changeant sa couleur suivant un contexte simple genre une valeur en 1 et 5 => rouge; (6,10) => orange, (10,15) => bleu; etc...

J'ai vu qu'il y avait la possibilité d'appliquer un filtre en JS, mais je ne comprends rien aux tenants et aux aboutissants, je n'ai aucune culture graphique qui puisse m'aider à lire et à comprendre sur le sujet.

1 : quelle couleur doit avoir l'image de base pour que le "filtrage" puisse s'appliquer directement, en noir ou en blanc?, ou autre chose ?
2 : j'imagine et j’espère que le "filtrage" ne s'applique pas sur la partie transparente ?
3 : comment procéder le plus simplement possible - [ est-ce qu'un bout de code d'une dizaine de lignes max peut résoudre ce problème ] ?


* en réalité c'est une forme de tache (ne me demandez pas pourquoi)