Use the Colour Picker System to choose colours for your website elements

Instructions

  1. Click the small coloured square.
  2. Left click anywhere in the large square then drag the ring by left clicking to select a colour of your choice.
  3. Use the vertical slider to select a different shade of the colour.
  4. If you want a web safe colour click the Web safe button.
  5. Click the Select colour button.
  6. The 6 digit code for the colour you have chosen will now be in the corresponding box - this is what we will need.
  7. Repeat the process up to a choice of 6 different colours as desired.
  8. Make a note of each value and for what element of your website you want it for.
Colour 1: Website Colour Picker
Colour 2: Website Colour Picker
Colour 3: Website Colour Picker
Colour 4: Website Colour Picker
Colour 5: Website Colour Picker
Colour 6: Website Colour Picker

Reset all colour swatch values