How do you choose colors in a webpage?

View other answers to this thread
Shaan Suleman's photo

Hello @jiyinyiyong,

While there are no formal guidelines for selecting colors, there are certain conventions you can follow. The colors you use will depend on the visual language of the product you are designing and who you it is for.


General advice:

• Ensure there is enough contrast between text (foreground) and background
• Use color to distinguish interactive elements like links from body text
• Make sure colors match overall visual language of the brand/product and;
• Look at color psychology charts, and the conventional meanings of colors (eg. red means danger, so use this color to show error states, etc.)


Resources:

Show +1 replies
Marco Alka's photo

funny, how facebook is listed for "Trust" in the last link^^

Shaan Suleman's photo

@jiyinyiyong examining existing websites and analyzing the colors they use is a great way to start. However, choosing colors from zero would fall under what is called an "Atomic Design" approach. This approach may pose many challenges. My advice is to limit yourself to 2-4 colors and work from there :)

hahahaha @maruru I didn't even notice! I should've mentioned that there are exceptions to this chart haha!