| Services | Case studies | Library & tools | About us | Contact us |
|
|
|
Tool overview
This is an overview of the colour exploration tools in the Colour Selector.
Preview text allows you to check a colour to be used with text: as a background to black and white text and as the text colour on top of white and black backgrounds.
Sometimes a design calls for a colour to be used both as background
and a text colour; preview text
helps determine which colours contrast well with black or white. Colours specified in HTML (e.g., bgcolor) will never dither;
on 256-colour displays, they will shift to the nearest
colour in the 216 palette. (Use Navigate colour
to find out the nearest colour in the 216 palette of any RGB colour.)
Colours in graphics will shift or dither when viewed on displays
showing anything less than 24-bit true color.
Go to tool: Preview text
Navigate colour to explore colours near a specific colour, where you get to define what 'near' means. For a given colour, 21 variations are shown:
This tool provides a simple way of exploring colour - the inverse and complement transformations provide the biggest change in colour. The variation amount (e.g., the amount of red added) starts off at 20% (or 20° for hue) but can be changed. RGB variations of multiples of 20% (20%, 40%, 60% or 80%) of a "browser-safe" colour will always produce other "safe" colours. Note that additive RGB variations tend to produce lighter colours whilst
subtractive RGB variations produce darker colours.
Go to tool: Navigate colour
|
|
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||
Mix colour adds/removes varying amounts of all combinations of red, green and blue to a colour. This results in seven sets of variations:
The variation amount (e.g., the amount of cyan added) starts off
at 20% but can be changed. As before, RGB variations of multiples of 20%
(20%, 40%, 60% or 80%) of a "browser-safe" colour will always produce
other "safe" colours.
Go to tool: Mix colour
Make swatches creates groups of co-ordinated colours intended to work together on the same page - that is, they won't clash when seen together. This tool creates various colour schemes by varying each of hue, saturation and lightness. It also shows variations of hue, saturation and lightness for the complementary colour. Use the tool to create simple colour schemes in which colour vary by either hue, or saturation or lightness. You can also use this tool to refine individual colours by saturation and lightness in colour schemes generated by the separate colour schemer. As well as creating sets of swatches to use in designs, the tool can be used to finely tune colour choices by changing the individual variation amounts.
Go to tool: Make swatches
Blend colour blends the current colour with other colours by generating the intermediary colours. This tool creates various blends of the current colour with up to seven colours which vary only by hue to the current colour. It creates a row for each set of blends:
If the current colour has low saturation (less than 10%) the saturation of the target blend colours is set to 15%. Blend rows are skipped if the target blend colour is the same as the current colour's complement or if the difference between the current hue and target hue is less than 15° [tool added March 2006]
Go to tool: Blend colour
This tool generates colour schemes based on the current colour. The schemes contain 2-4 colours. Most of the schemes are based on colours varying only by hue. These schemes are illustrated on (square!) colour wheels. When the current colour is very dark, very light or very low saturated, the generated schemes might not have enough difference to be useful; schemes based on grey, black or white will result in schemes based entirely on the current colour. To change the colour that the schemes are based on, enter a new colour value in the form, click on a coloured square or use the other tools to navigate the RGB colour space.
Go to tool: Colour schemes
|
|
|
top