color - soc.hawaii.edu · analogous color schemes •uses base color and two adjacent colors...

12
Color Communication 337 Normal Vision This Isn’t Color-Blind Vision Deuteranope red/green color deficit 1 2 3 4 5

Upload: others

Post on 21-Aug-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

ColorCommunication 337

Normal Vision

This Isn’t Color-Blind Vision

Deuteranope

red/green color deficit

1

2

3

4

5

Page 2: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Protanope

red/green color deficit

Tritanope

blue/yellow deficit (very rare)

Seeing Color: Cones

Color Blindness

• Approximately 10% of men are fully or partly color blind

• Approximately 0.1% of women are fully or partially color blind

• Red, green, or blue cones in retina are either faulty or missing

1931 CIE Chromaticity Chart

Typical Monitor Gamut

Typical Color Gamut

Wavelength (nanometers)

6

7

8

9

10

Page 3: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Color in Marketing

Color Standards

Color Standards Violated

Color Standards Violated

Cool & Warm Colors

Warm ColorsCool Colors

11

12

13

14

15

Page 4: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Cool & Warm Colors

Color Absorption (Subtractive)

Subtractive Color Model (Old)

Primary: Yellow

Primary:Red

Primary:Blue

Subtractive Color Model (New)

Primary: Yellow

Primary:Magenta

Primary:Cyan

Additive Color Model

Primary: Blue

Primary:Green

Primary:Red

16

17

18

19

20

Page 5: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Primary Colors (Traditional)

Secondary Colors (Traditional)

Tertiary Colors (Traditional)

Hue

HUE = a pure color with no white or black added

Saturation

100%80%60%40%20%0%

SATURATION = the vividness or purity of a color

21

22

23

24

25

Page 6: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Tint

100%80%60%40%20%0%

TINT = a hue with WHITE added

Shade

100%80%60%40%20%0%

SHADE = a hue with BLACK added

Tone

100%80%60%40%20%0%

TONE = a hue with GRAY added

Color Context

Picking Colors

26

27

28

29

30

Page 7: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Harmonious Color Schemes

• Monochromatic

• Analogous

• Complementary

• Triadic

Monochromatic Color Schemes

• Uses a single base color

• Extended through tints and shades

• Produces cohesive color theme

Monochromatic Colors

Base color + tints & shades

Specifying in Photoshop

Monochromatic Page

31

32

33

34

35

Page 8: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Analogous Color Schemes

• Uses base color and two adjacent colors

• Vary tints & shades of secondary colors

• More nuanced than monochromatic scheme

Analogous Colors

Base color + adjacent colors

Analogous Page

Complementary Color Schemes

• Hues are opposite each other on color wheel

• Use complimentary color only for accents

• Often grabs attention; vibrant

Complementary Colors

Base color + opposite color

36

37

38

39

40

Page 9: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Complementary Page

Split-Complimentary Colors Schemes

• Base color and two colors adjacent to its complementary

• Less tension than with complimentary

Split-Complimentary Colors

Base color and complimentary color ± 30º

Split-Complimentary Page

Triadic Scheme

• Colors equally spaced around color wheel

• Combines balance and contrast

41

42

43

44

45

Page 10: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Triadic Colors

Base color + 2 others 120º apart

Triadic Page

Picking Colors Naturally

Colors from Nature

Colors from Nature

46

47

48

49

50

Page 11: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Colors from Nature

Color Studies

Color Studies

Color Studies

Color Studies

51

52

53

54

55

Page 12: Color - soc.hawaii.edu · Analogous Color Schemes •Uses base color and two adjacent colors •Vary tints & shades of secondary colors •More nuanced than monochromatic scheme Analogous

Color Studies

56