Title: 7.4. How to choose an effective website colour scheme
Course: EN_Colour theory > Section: 7. Colour as a design element for E-Designers

Start to make you familiar with the psychology of colours which is used in marketing and how it goes together with the different colour schemes. All theoretical knowledge is applied in order to achieve the maximum effect.

A) Check out, how colours influence people and how colour and contrast are used in different colour schemens to achieve a certain effect.

Study the examples of the brands

- Mc Donald's
- Fanta
- Starbucks

https://digitalsynopsis.com/advertising/psychology-of-colors-in-marketing/

_________________________________________________________________________________________________________________________________________________________________________________

Take into consideration what you have learned about different colour schemes:

Triadic colour scheme

A triadic colour scheme consists of 3 colours from different ends of the colour spectrum. The starting point is a colour on the colour wheel and then an equilateral triangle is constructed from there. This way, the colours have the same vividness and complement each other well.

Complementary colour scheme

Therefore, are used two colours from opposite ends of the colour spectrum. Thus, the designer benefits from more freedom in the design process and the later layout from the use of the complementary colours.

Analogous colour scheme

The designer selects colours in the same range of the colour spectrum. Usually, the colours are distinguishable by their radiance and their contrast in comparison to each other.

Tetradic colours

Tetradic colour harmonies are formed by two sets of complementary colours. They are useful for starting to create colour palettes and fine tune them using colour shades, tints, and tones.

The decision on a colour scheme that works well for a project is fundamental in a web project and with the basics of colour theory and some tools available on the web your work can be supported.

______

For repetition / to deepen your knowledge you can read here:

https://en.wikipedia.org/wiki/Color_scheme

https://webdesign.tutsplus.com/articles/an-introduction-to-color-theory-for-web-designers--webdesign-1437

_____

Tools for choosing colour schemes

 With Colourcodes you can discover colour harmonies, tints, shades and tones. They are created by adding black, white and gray respectively to a chosen color and can be very useful in web design for backgrounds and typography.
https://htmlcolorcodes.com/

Adobe Colour CC - With this tool you can easily create your own colour palette or choose from the numerous user palettes. This tool offers the opportunity to get inspired and the ability to extract a colour scheme right from an image.
https://color.adobe.com/create/color-wheel

Paletton is a good tool with many setting options. Experimenting with Paletton is worthwhile since the finished colour schemes can be shared on the most popular social networks. The feature that allows the selected colour scheme to be displayed as a website is excellent. This way, you can see at a glance whether the chosen scheme looks appealing or not.
https://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

If your are interested in colour-related articles and contributions by colour fanatics, than you are right on Colourlovers.

https://www.colourlovers.com/

_____

You can find summary information on the use of colour contrasts in web design in this article:
https://www.uxmatters.com/mt/archives/2006/01/color-theory-for-digital-displays-a-quick-reference-part-ii.php

_____

REMEMBER
https://onextrapixel.com/40-stunning-website-designs-with-great-color-schemes/