How do we know which background and foreground colors work well together?

Question

How do we know which background and foreground colors work well together?

Answer

Aesthetically, color theory is a rather involved graphic design topic. For web developers who are interested in learning about graphic design I recommend “The Non-Designer’s Design Book”.

This tool can be used to create color palettes that work well together. For improved accessibility, be sure that your background and foreground colors pass a contrast check.

29 Likes

You can use
https://webaim.org/resources/contrastchecker/
or other websites to make sure that it follows the standard to keep your website readable

78 Likes

One way to help colors work together is by using shadow. I used text-shadow: 1px 1px rgba(0, 0, 50, 0.50) on the caption, and made it pop!

11 Likes

Just something cool :slight_smile:
https://colorsupplyyy.com/app/

38 Likes

it is kind of cool tho even though I already a professional designer

3 Likes

that’s just speak up the devil is in details~~~ just this slightly 1 px difference

Great resource, thanks! Bookmarked! :heart:

2 Likes

Thanks, i already buy this book!

1 Like

If you don’t want to create a color palette from scratch, you can check ColorHunt: https://colorhunt.co/
ColorHunt has thousands of color palettes created by professional designers

9 Likes

Great tool for those who are far from being a designer (like me) :grin:
Thanks!

2 Likes

There is another great tools where you can generate random color palletes and choose the colors you like from each pallete. Here’s the website: https://coolors.co/

9 Likes

Great! Thanks! I will check it out :smiley:

There is still not a concrete option as to how a color would be picked.

Hi everyone, I did a fair amount of design myself sometime ago and always found the colour wheel a good place to start. If you do a search for the adobe colour wheel you will soon realise that there are certain ways to choose colours based on where they are on the colour wheel. So for instance if you choose a colour you like and then imagine that as one point of an equilateral triangle they other two colours will automatically compliment your starting colour, this is the triad method. The complimentary method are opposite colours on the wheel. Hope this helps you on your colour question.

5 Likes