Color Theory:
(1) 2 Colors Opposite of Each other on the Color Wheel are harmonious.
(2) Any 3 Colors Equally Spaced Around the Color Wheel Forming a Triangle are harmonious.
(3) Any 4 Colors Forming a Rectangle, Each Opposite of Each other on the Color Wheel are harmonious.
MONOCHROMATIC COLOR SCHEME
A monochromatic color scheme uses various darker shades, grayer tones, variations of lightness and saturation, as well as paler tints of a single color. In addition, the one color is often paired with white or another neutral. This color scheme is very elegant and has a very clean effect
ANALOGOUS COLOR SCHEME
The analogous color scheme uses 3 colors which are side-by-side on the 12 part color wheel. The middle color is considered the ruling color. So for example, in a green, blue, purple color scheme, blue would be the ruling color. One color, the ruling color, is used as the dominant color while the other two colors are used to enrich the scheme.
COMPLEMENTARY COLOR SCHEME
Complementary colors are two colors that are opposite each other on the color wheel, such as purple-yellow and red-green. When you mix too complementary colors you produce a greyish color. If you put two complementary colors side-by-side, the complementary colors intensify each other. This scheme works best in situations where you need high-contrast compositions. You see complementary color schemes in nature all of the time, such as red flowers with green leaves, peppers, exotic fish, birds, snakes, and many more.
SPLIT COMPLEMENTARY COLOR SCHEME
The split complementary scheme is a variation of the standard complementary scheme. It uses a color and the two colors adjacent to its complementary. This provides high contrast without the strong tension of the complementary scheme.
TRIADIC COLOR SCHEMES
A Triadic color scheme uses colors that are found by choosing three colors that are each separated by 120 degrees on the color wheel. The primary (red, blue, and yellow) and secondary (purple, orange, green) colors are examples of triadic colors. 

Colour terms:
HUE:
A hue is a pure color with no black or white added. A hue is the feature of a color that allows it to be identified as the color that it is, for example red, blue, yellow, green, purple, etc.
PURE HUE (NATURAL HUE):
A pure hue is the base color at its full intensity level, in other words, no shading, tinting, or tones have been added to the color yet.
SHADES:
Shades are the relative darkness of a color. You create a shade of a color by darkening the pure hue with black.
TINTS:
Tints are the relative lightness of a color. You create a tint of a color by lightening the pure hue with white.
INTENSITY (Also Known as SATURATION or CHROMATICITY)
Intensity describes the identifiable hue component of a color. A blue with RGB numbers Red - 0, Green - 255, and Blue - 0 (0,255,0) is considered 100% saturated and is intense, high in chromaticity, and completely saturated. A gray color has no hue and is considered achromatic with 0% saturation.
TONE:
A tone is a hue that has had grey added to it. A tone can also be a hue with a large percentage of its complementary color added.
VALUE / LUMINANCE:
Basically, value is a a measurement of how close to black or white a given color is. In other words, value is a measurement of how much light is being reflected from a hue. Those hues with a high content of white have a higher luminance or value. If you look at the color wheel below, you will see that this whell is full of different color values. The outer band is the natural hue meaning that it is the original color. The 2nd band is a tint of the original hue and has a higher content of white or luminance than the original hue. The inner bands are shaded versions of the natural hue and are closer to black than the original hue.
HSB = Hue, Saturation, Brightness
RGB = Red, Green, Black
CMYK = Cyan, Magenta, Yellow, K for Black


Colour experiences (only for reference, be creative):
1. Use your colour intuition
2. Use colour to emphasize important parts
3. Eyes direction
a. from left to right
b. eyes frist fixating on the upper left part
c. tend to only read the first one-third of the blurb
d. often will scan down to the bottom to see if something catches their eyes.
e. navigation works best on the top of the page…so try to use navigational features on the top instead of on the side or on the bottom
f.【images of beautiful, clean faces, causes the visitor’s eyes to fixate on this image】
g. try to use short paragraph structure. We all tend to like one column formats opposed to a newspaper format of several columns.
h. Details and Depth within elements of design are noticed before items lacking depth.
i. The bigger a graphic or image, the longer the user will fixate on it.
j. Eyes always lock on the most noticeable aspect, for example color within a grey-toned background.
k. Ads tend to do better on the top left portion.
l. Placing ads next to popular content increases an ad’s success.
m. Bigger banner ads did better than smaller, less noticeable ads.
n. Text ads do better than banner ads because users tend to mistake the text ad for a link to content within your site (哈哈 G)
4. Colour simplicity
5. When colors are along side other colors, the colors will all change appearance.
6. Colours are meant to enhance the look, not to take over the page. DO NOT over use graphics and images. You want visitors to leave your website thinking about the great article they read or the wonderful products that you sell, rather than the user leaving irritated with the look of your site.
7. Make sure the text colour contrasts enough with the bg.
8. Stay consistent with your coulr scheme.
9. Keep your colour usage lists in CSS.
10. Save Swatches fuction

Colour experiences (only for reference, be creative):
1. Use your colour intuition
2. Use colour to emphasize important parts
3. Eyes direction
a. from left to right
b. eyes frist fixating on the upper left part
c. tend to only read the first one-third of the blurb
d. often will scan down to the bottom to see if something catches their eyes.
e. navigation works best on the top of the page…so try to use navigational features on the top instead of on the side or on the bottom
f.【images of beautiful, clean faces, causes the visitor’s eyes to fixate on this image】
g. try to use short paragraph structure. We all tend to like one column formats opposed to a newspaper format of several columns.
h. Details and Depth within elements of design are noticed before items lacking depth.
i. The bigger a graphic or image, the longer the user will fixate on it.
j. Eyes always lock on the most noticeable aspect, for example color within a grey-toned background.
k. Ads tend to do better on the top left portion.
l. Placing ads next to popular content increases an ad’s success.
m. Bigger banner ads did better than smaller, less noticeable ads.
n. Text ads do better than banner ads because users tend to mistake the text ad for a link to content within your site (哈哈 Google)
4. Colour simplicity
5. When colors are along side other colors, the colors will all change appearance.
6. Colours are meant to enhance the look, not to take over the page. DO NOT over use graphics and images. You want visitors to leave your website thinking about the great article they read or the wonderful products that you sell, rather than the user leaving irritated with the look of your site.
7. Make sure the text colour contrasts enough with the bg.
8. Stay consistent with your coulr scheme.
9. Keep your colour usage lists in CSS.
10. Save Swatches fuction