Web page basic color scheme

Source: Internet
Author: User
Tags split
Color scheme | web | color


Basic color

Colors will never exist alone. In fact, the effect of a color is determined by a variety of factors: the reflected light, the color surrounding it, or the viewing angle of the viewer.

There are 10 basic color design, respectively called:
  • Colorless Design (achromatic)
  • Analogy design (analogous)
  • Conflict Design (Clash)
  • Complementary design (complement)
  • Monochrome Design (monochromatic)
  • Neutral Design (Neutral)
  • Split complementary Color design (splitcomplement)
  • Primary color design (primary)
  • Two secondary color design (secondary)
  • Three times color tri-Color design (tertiary)

105 101
101 colorless design

Do not use color, only black, white, and gray.

92 88
92 88 73

analogy design

Select three consecutive colors or any of its bright and dark colors in the hue ring.

4 68
4

conflict design

Combines a color with its complementary left or right color.

92 44
92

complementary design

Use the opposite color on the hue ring.

81 85
81 85 88

monochrome design The

combines a color with any or all of its bright and dark colors.

17 32
17 32 26

neutral design The

Adds a complementary or black color to its color to disappear or neuter it.

20 57
20 57 73

split complementary color design

Combines a color with the colors on either side of its complement.

4 36
4 36 68

Color design The

Combines pure primary colors with red, yellow, and blue.

53 86
53 86 20

two-color design

Combine two times with green, Violet, and orange.

57 28 95
57 28 95

Three times color tri-Color design

The three-time color tri-color design is one of the following two combinations: Red orange, yellow-green, blue-purple or blue-green, yellow-orange, red-purple, and each color on the hue ring has an equal distance from each other.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.