Results

[Richard1320]

Colour Chisel User Test

User Information

Name: Richard Hung
Programming Experience: 8 years
UI/UX Experience: I've worked beside designers.
Languages Known: JavaScript, PHP
what further functionality would you like to see?: Ability to assign center point when transforming.
Feedback: It needs to support a wider range of colors. Darker colors and anything close to black doesn't work.

Tests

Exporting the different constants.

Please input and export a blue hex (#0000FF), a red hsl value (hsl(0,0.5,0.5)) and a green rgb (rgb(0,255,0)).

export (#0000FF);
export (hsl(0,0.5,0.5));
export (rgb(0,255,0));

Finding compliments

Export your favourite colour and its compliment.

var purple = (#380038);
export purple;
export purple > compliment;

Making a path

Make a path consisting of your favourite colour and its compliment.

export [
  (#380038),
  (#380038) > compliment
];

Find the analogous a path

Create a path and find an analogous path that is 45 degrees over. Export both paths.

var path = [
  (hsl(0,0.5,0.5)),
  (hsl(0,0.5,0.5)) > compliment
];
export path > rotate 45;
export path > analogous -45;

Scale a path

Create a path and make 2 versions of the path. One version of the path should be larger (closer to edge of the colour wheel), and the other should be smaller (closer to the middle of the path). Export all the paths.

var path = [
  (hsl(315,0.5,0.5)),
  (hsl(45,0.5,0.5)),
  (hsl(135,0.5,0.5)),
  (hsl(225,0.5,0.5))
];
export path;
export path > scale 0.5;
export path > scale 1.5;

Combine 2 paths

Create 2 paths, with no overlapping values. Combine these 2 paths and export the new path.

not attempted.

Make the 'S'

Using only a single hex, rgb or hsl value, use transformations to make the S shape (An example of the S shape is on the 'Paths' example on the other page, this used 6 inputs, try and do it with 1 input).

var start = (hsl(45,0.5,0.5));
var path = [
  start,
  start > rotate 45,
  start > rotate 90,
  start > rotate 90 > compliment,
  start > rotate 45 > compliment,
  start > compliment
];
export path;

Draw a picture

Can you draw a picture on the colour wheel? Let me see your creativity. This one is for fun.

not attempted.