Colorvariator - A simple way to generate color variations of vector graphics

Bei der Themenfindung für unser Projekt im Kurs System Design wurden wir gefragt, welche Tools uns fehlen oder wir verbessern wollen.

In den letzten Semestern hatten wir oft Projekte, in denen wir eine Vektorillustration für ein Projekt brauchten. Meist haben wir diese erstellt und dann viele verschiedene Farbvarianten ausprobiert, denn je nach Farbkombination entsteht eine völlig andere Wirkung.

Da wir beim Erstellen der verschiedenen Varianten immer ein Referenzbild für die Farben benutzt haben, sind wir auf die Idee gekommen, ein Tool zu bauen, das genau dies für uns erledigt. Es soll aus einer Vektordatei und einem Referenzbild eine neue Vektorgrafik erstellen.

Die Farben aus diesem Bild werden analysiert und automatisch in die Vektorgrafik eingefügt. Mithilfe des Variator-Mixers können die Farben danach noch weiter verändert werden, um mehr Varianten zu erhalten.

Die Entwicklung der Logik, nach der die Farben ausgetauscht werden, war ein Hauptbestandteil des Projektes. Zusätzlich musste natürlich ein Interface für unser Tool gestaltet werden und viele Probleme und Bugs im Code behoben werden. Wir haben unsere Ideen mit Javascript und HTML umgesetzt.