[ Colour Compositions Exploration Tool ]


Welcome to the Colour Compositions Exploration Tool - a digital tool for exploring and learning about colour compositions for fashion design collections. The idea behind this tool is to let students explore and study the basic rules for colour compositions and to develop a sense and vocabulary for discussing, making arguments for and articulating colour choices in e.g. fashion design.

So let us have a closer look at the basics involved for using this tool. This is what a typical figure looks like and it's four fields of colour.

The figures are placed as a line up of 7 or 9, but you can choose the placements of the colour blocks on each figure manually from the colour wheel.

7 figure lineup

9 figure lineup

In order to import images (PNG or JPG, size between 120x200 and 240x400 as portraits) to the online tool and get the best automatically colour-extraction they will typically require a bit of lightweight pre-processing in order to get rid of influences from skin and contextual colours. The colour extraction works by extracting colours from neck to feet in four fields corresponding roughly to the model above.

White is a neutral colour, so make sure to paint skin with white or grayscale while strengthening colour fields. Here are a few examples of what images might look like before pre-processing loading them into the compositions section:

If the image is not properly pre-processed, the algorithm will often guess an orange colour or one that is slightly off. No problem - colours can easily be edited in the figures by picking colours from the full colour wheel. Click on rule colour wheels to rotate selected colour(s) or for the compositions click on colours in the full-wheel to select a specific colour.

How to use this tool

1. Up load the prepared pictures of the outfits in your line up. You can choose between 7 or 9 outfits.

2. Each man is divided into 4 horizontal parts where colour could be filled. Each “man”can be monochrome or partly filled, optional placement by you.

3. Decide how you want to compose the colours within your line up by choosing placements of the blocks on each figure.

4. Choose one of the “rules” you want to work from. You can either:

5. Digitally change the composition, by clicking one colour of the colour wheel rule, being the starting point and watching the colours change according to your composition, or

6. Manually click on the colours within the rule and manually change each colour block to make your own combination, able to change the composition.


This project explores new digital tools for e-learning and education and is part of the Mobile-Life Fashion project. It has been developed in a close collaboration between University of Borås - The Swedish School of Textiles, Stockholm University and Swedish Institute of Computer Science for the Fashion Design program.