Konfigurator, kde se meni barva casti produktu

Ahoj, dokazal by mi prosim nekdo rict, jaky termin/frazi mam Googlit nebo hledat ve chvili, kdy bych si rad udelal konfigurator, kde se meni barvy urcite vrstvy, atd. a potrebuju neco jako tutorial? Jde mi o to, ze mam treba nejaky vychozi obrazek auta, pak zvolim barvu, takze se to prekresli. Pak je tam treba barva disku u kol, takze jen cast obrazku, kdy se zase zmeni dana barva. Asi se to nedela tak, ze kazda ta cast jen nejake PNG, co se dynamicky nacita? Navedete me prosim? Dekuji moc.

Osobně bych hledal něco jako "javascript recoloring image", "javascript css blending", "javascript image change color".Cest jak toho docílit je celá řada. Jeden z návodů je třeba tady https://tympanus.net/codrops/2019/09/03/how-to-dynamically-change-the-colors-of-product-images-using-css-blend-mode-and-svg/, používá pro mě asi nejpřímočařejší cestu, nejprve si z obrázku vezme masku částí, které chce přebarvovat, poté v prohlížeči mění barvu téhle vrstvy a přes css vlastnost mix-blend-mode: multiply (lze volit i jiný móde, záleží v jakých barvách bude tvůj podkladový obrázek) jí prolne s původním obrázkem (podobně se to dá dělat i rychle ve photoshopu), mix-blend-mode je poměrně široce dostupný v prohlížečích - https://caniuse.com/?search=mix-blend-mode, ale musíš si sám stanovit, kdo je tvoje cílovka a jakým prohlížeči to chceš podporovat, případně pak lze najít nějaký javascript polyfill.

Například tento konfigurátor - http://www.printed.cz/shop/set-full-modedává pod sebe několik PNGček s průhledností. Řídí to JavaScript, který dané PNG přidá na základě zvolených vstupních políček.Pro obecnější a parametričtější výběr barvy bych si dokázal představit mít jako jednu z vrstev PNGčko s jednou vybranou maximálně sytou primární barvoua na ni aplikovat css filtr hue-rotate (https://www.w3schools.com/cssref/playit.asp?filename=playcss_filter&preval=hue-rotate(90deg) )