Color Theory

Come up with complementary, triad, split-complementary, double-complementary, and analogous color schemes (harmonies). Use your knowledge of Ids to color the grouped elements below based on the requested color scheme. I have provided two links at the bottom of the page that may be helpful in coming up with your color schemes.

I have set the color of element 1 (Color 1) to red using an id. Only code within the student style block when creating all the color schemes.

Complementary Combinations (Contrast)

#1

Color 1

Color 2

#2

Color 3

Color 4

#3

Color 5

Color 6

Triad Combinations

#1

Color 7

Color 8

Color 9

#2

Color 10

Color 11

Color 12

Split Complementary Combinations

#1

Color 13

Color 14

Color 15

#2

Color 16

Color 17

Color 18

Tetrad (Double Complementary)

#1

Color 19

Color 20

Color 21

Color 22

#2

Color 23

Color 24

Color 25

Color 26

Analogous Complementary (Analogic)

#1

Color 27

Color 28

Color 29

#2

Color 30

Color 31

Color 32

Monochromatic (Mono)

#1

Color 33

Color 34

Color 35

#2

Color 36

Color 37

Color 38

Resources: