Website design is not just about nice pictures, good graphic, appropriate font and decent structure. One big part of website design is the colors that the designer uses. If you wander how to choose a color palette then look no further. In this lesson we will cover everything you need to know on this topic.
When you choose a group of complementary colors and shades and deliberately build them in to the website layout, fonts, images, and graphics you subtly communicate a level of high professionalism to visitors. With the color choices you can also communicate other human attributes such as passion (reds or pinks), conservation (greens and browns), and professionalism (dark blues).
At AssetLab we start with a desired color and enter it into a tool called Paletton.
Paletton allows you to start with a color that you like and easily get the "complementary colors" and "compatible shades" that go with it. You can save a graphic of the palette to save it and refer to it throughout the design and implementation process. Here is an example of the palette for AssetLab Academy.
Here's how we do it:
- Get a color code for a color you like (in chrome we use the Chrome ColorZila plugin)
- Open Paletton.com
- Enter the initial color code
- Select the Telrad 4 Color display to see complementary colors
- Now, screenshot the graphic or click "Tables / Export" to get a savable graphic with color codes
- Then, we upload this to the media section of the websites we work on so we always have it handy
Here are the example for AssetLab Academy: