HOW TO: Colour Wheel / Colour Codes

Below is what your colour wheel will look like when you first open your program. This is the "closed" version. To open further, click the "more" button (shown after closed version).

On either version, a broad spectrum of colours is available in the first two rows. This is more of the red, yellow, green, blue, violet and indigo colours one would find in the rainbow, with black, white and grey added at the beginning.

However, in the second version, there are two extra sets of colours. These are no different than the first two rows, but they are more of a clear colour than a solid colour. You can think of them as being a gradient colour. This is why you see smaller squares within the squares of colour.

In my version, you can see in the two small square boxes under "primary" that I am using black and white. Black would then be considered my "primary" colour, with white being my "secondary" colour.

There really isn't any need to switch these. If you want to use black, left click on your canvas with your mouse and it will give you black; right click and it will give you white. No matter what colours you use, or if they are in the primary or secondary positions, this will always work.

You can also use any of the sliders to decrease any colour and to help you create a colour code to use for whatever reason(more on that below).

The opacity alpha, the very last slider, will take your colour from solid and bold to more transparent as you lower the number.

As you can see above with the opened version of your colour wheel, there are areas in which to input codes. Sometimes, you may find a tutorial that asks you to input colour codes for various reasons. One such tutorial has the colour codes shown below:

All of the underlined codes are colour codes. These can be placed in the colour wheel to give you the desired colour for the chosen action (like the border, background or other useful plugin option).

When I input the first two underlined codes into my colour wheel, this is what I get.

You can use this for any plugin that utilizes gradients to give it a shadowed look or to have the two colours blend into each other.

More on gradient later, as you can do it in two different ways.