The Color Wheel
The first color wheel was created by Sir Isaac Newton in 1666 after he saw light refracted through a prism. In the image below, you can see an illustration portraying what it looks like when white light is refracted through a prism.
![dark_side_of_the_moon](https://tarheels.live/mediadesign/wp-content/uploads/sites/876/2021/01/color_prism_dark_side_of_the_moon-1024x575.png)
When light is refracted through a prism, it is separated into a spectrum of individual colors. They are, in this order:
-Red
-Orange
-Yellow
-Green
-Blue
-Indigo
-Violet
You can remember them using the mnemonic ROY G BIV.
For this course, we will not worry too much about distinguishing between the colors Blue and Indigo. But just know that they both exist in the spectrum of visible light.
Types of Colors
We have three different types of color:
Red-Orange, Yellow-Orange, Blue-Green, Yellow-Green, Blue-Violet, Red-Violet
Tertiary colors are formed by mixing one primary and one secondary color.
Basics of Color Theory
Color Quality
Hue – Distinct color identity
Saturation – How rich or how dull is it?
Value – Light or Dark?
Temperature – Warm or Cool?
Color Harmony
Harmony creates a sense of order and balance within a composition. When choosing a color scheme, you want to consider the themes, associations, and feelings those combinations may evoke in a user/viewer/reader.
Color Schemes
There are many types of color schemes:
Color Context
Certain color combinations can be distracting and potentially disorienting for viewers.
In the example below, the color red feels bright and alive on top of black but appears duller on top of white. It’s confusing and lifeless on top of brown, but brilliant on top of the green-blue.
In the example below, the same rectangle appears to be two different colors when laid on top of different color backgrounds.
Beware of Optical Illusions!
Optical Illusions can be inadvertently created by placing combinations of certain colored shapes or lines together. These illusions can be distracting and even disorienting to the user. They should only be used when they connect specifically to the content of what you are designing.
In the above example, you can see how the groups of shapes appear to slide back and forth as your eyes scan across them.
In the above example, the grey lines between the rows of alternating black and white boxes appear to be slanted. They are, in fact, parallel to each other.
In the above example, light grey dots appear at the intersections of the black lines even though they aren’t there.
In the example above, the white dots appear white when you focus on them. But the dots surrounding those dots appear to turn black when they are out of focus.