1. Color Perception

Definition: Color perception is the process by which the human visual system interprets light wavelengths as color. Understanding color perception is crucial for HCI and graphics because it affects readability, usability, and aesthetics.

Key Points:

• Humans perceive color through photoreceptor cells (cones) in the retina. There are three types of cones sensitive to:

  • Short wavelengths → Blue (S-cones)
  • Medium wavelengths → Green (M-cones)
  • Long wavelengths → Red (L-cones)

• The combination of signals from these cones allows perception of millions of colors.

• Factors affecting perception:

  • Brightness: Intensity of light
  • Hue: Dominant wavelength (color type)
  • Saturation: Purity or vividness of color
  • Context: Surrounding colors affect perception (simultaneous contrast)

Importance in HCI:

• Good color choices improve usability, accessibility (e.g., color blindness), and interface aesthetics.

---

2. Color Models

A color model is a mathematical representation of colors, which allows computers and devices to reproduce and manipulate colors.

---

A. RGB Model (Additive Color Model)

Definition: Represents color as a combination of Red, Green, and Blue light.

Key Points:

• Used in displays, monitors, TVs, and digital cameras.

• Each component ranges from 0 to 255 in 8-bit representation.

• Colors are created by adding light:

  • Red + Green = Yellow
  • Red + Blue = Magenta
  • Green + Blue = Cyan
  • Red + Green + Blue = White

Equation:

$$C = R + G + B$$

Applications:

• Screen rendering, computer graphics, real-time visualization.

---

B. CMY/CMYK Model (Subtractive Color Model)

Definition: Represents color using Cyan, Magenta, Yellow (and Key/Black) pigments.

Key Points:

• Used in printing and physical media.
• Subtractive: colors are absorbed from white light.
• Mixing pigments subtracts wavelengths, producing darker colors.
• CMYK includes K (Black) to enhance depth and reduce ink usage.

Applications:

• Printers, color separation for publishing.

---

C. HSV/HSB Model (Hue, Saturation, Value/Brightness)

Definition: Represents color in terms of human perception, instead of light intensities.

Components:

1. Hue (H): Color type (0–360°, e.g., red = 0°, green = 120°, blue = 240°)
2. Saturation (S): Color purity (0–100%)
3. Value/Brightness (V/B): Lightness/darkness (0–100%)

Advantages:

• Easier for humans to select and manipulate colors in graphics software.

Applications:

• Color pickers, image editing, visualization.

---

D. CIE Color Model

Definition:

• Developed by the Commission Internationale de l’Eclairage (CIE) for device-independent color representation.

Key Points:

• Based on human visual response.
• Uses XYZ tristimulus values to define color precisely.
• Ensures consistency across devices like monitors and printers.

---

3. Summary of Color Models

Model	Type	Components	Primary Use
RGB	Additive	Red, Green, Blue	Displays, Monitors
CMYK	Subtractive	Cyan, Magenta, Yellow, Black	Printing
HSV/HSB	Perceptual	Hue, Saturation, Value	Graphics software, UI design
CIE	Device-independent	X, Y, Z	Standardized color representation

---

4. Key Takeaways

• Color perception is subjective but can be mathematically modeled.
• RGB is additive (light-based), CMYK is subtractive (pigment-based).
• HSV is intuitive for humans, CIE ensures device-independent consistency.
• Correct use of color improves usability, accessibility, and visual appeal in HCI and graphics.