Lesson 7Web fonts, colour pattern and sustainability
Notion 44
Energy efficient colour palettes
Target skills
Learn about energy needs of different colours.
The colors consume energy
Different colors consume different amounts of energy, so it is important to take them into account, when applying sustainable web design approach.
As a general rule, we use a maximum of 3 colors, namely:
- the main color,
- the secondary color
- the accent color.
Thanks to OLED technology, black is the only color that does not consume energy. When designing your website, use monochrome colors, that makes the files less heavy. The blue color consumes 25% less energy than green and red. As for white, it is the color that consumes the most energy.
The dark mode
It is important to give Internet users the possibility to activate the dark mode on their devices. This mode consists of darkening the colors and thus reducing energy consumption.