Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

W3.CSS Color Schemes


Color Schemes

The colors used in the design of a web site is often called a color scheme:

#7e9a9a #f6d8ac #db9833 #2a6592 #8ec3eb

The purpose of a color scheme is to create an aesthetic feeling of style and appeal.


Monochromatic

Monochromatic

Analogous

Analogous

Complementary

Complementary

Read more about color schemes...


Achromatic Color Schemes

The black on white achromatic color scheme is the default color scheme for a web page:

It uses a white background with a black text.

The white on black achromatic color scheme is often preferred for smaller devices:

It uses a black background with a white text.

White on black requires less energy (improves battery life) on most display technologies.

Monochromatic Color Schemes

Monochromatic color schemes use a single color with different additions of black, gray, and white.

               

The color scheme above was generated by the W3.CSS color generator.

Monochromatic color schemes often have a more subtle and peaceful energy, especially with blue or green colors.

Flag Norway

In the chapter W3.CSS Color Themes you will find a lot of monochromatic color themes.

You can read more about color schemes in the chapter Color Schemes in our Colors Tutorial.


Flat Design Color Schemes

The theory of flat design is covered in the chapter W3.CSS Trends.

Colors play an important part in flat design. Flat design color schemes often use more colors than traditional color schemes.

The color schemes used in W3.CSS are inspired by Google Material Design:

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Red

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Green

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Orange

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Blue Gray

More Flat Design Color Schemes...


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.