Web site colours
Colour schemes in web design should be kept simple but that doesn't mean they have to be boring.
Pick a colour you like in Adobe Photoshop (or similar) and have a look its hue value (H). This is an angle around the colour wheel (red is at the top -- 0deg). If you keep the H value constant but vary the saturation (S) and brightness (B) you can create a range of colours that all work together.
A website can use five or six different colours and it will not look cluttered if they all have the same H value.
Photoshop translates the colour into the hexidecimal code used by web sites by the # symbol.
If you want a second colour, the exact complement often works well. This is the colour 180degs from the first one. Again you can create a palette by keeping that H value constant but varying S and B.
Other secondary colours that can work are at 60 and 120degs from the original (triads) or 150 or 210degs from the original (split complements).
Pick a colour you like in Adobe Photoshop (or similar) and have a look its hue value (H). This is an angle around the colour wheel (red is at the top -- 0deg). If you keep the H value constant but vary the saturation (S) and brightness (B) you can create a range of colours that all work together.
A website can use five or six different colours and it will not look cluttered if they all have the same H value.
Photoshop translates the colour into the hexidecimal code used by web sites by the # symbol.
If you want a second colour, the exact complement often works well. This is the colour 180degs from the first one. Again you can create a palette by keeping that H value constant but varying S and B.
Other secondary colours that can work are at 60 and 120degs from the original (triads) or 150 or 210degs from the original (split complements).
Labels: Web design
1 Comments:
Simple but effective. It's all about getting that balance right.
Post a Comment
<< Home