Introduction to Color. Based on “Digital Multimedia, 3rd Edition” by Nigel and Jenny Chapman Dr. Wesam Askar.
What is Color Theory?. A system of rules for combining colors to: - Create visually pleasing mixtures - Maximize readability - Convey meaning through cultural associations.
Types of Color Theories. - Additive Theory (Light) - Subtractive Theory (Pigment).
Additive Theory Overview. - Black = absence of light - White = all light - Primary colors: Red, Green, Blue (RGB) - Used in TVs, theater lighting, monitors, video production.
Subtractive Theory Overview. - White reflects, black absorbs - Primary colors: Cyan, Magenta, Yellow - Used in printing and painting.
Color Schemes. Mathematical representations of color: 1. RGB 2. CMY/CMYK 3. HSB/HSI 4. YUV.
RGB Color Scheme. - Defines color with R, G, B values - Ideal for CRT and monitors - Maps voltage to each color gun.
CMY/CMYK Color Scheme. - Used in printing - Subtractive primaries: Cyan, Magenta, Yellow (+Black) - Inks subtract undesired colors.
HSB/HSI Color Scheme. - Triplet values: Hue, Saturation, Brightness/Intensity - Hue: Dominant wavelength - Saturation: Color purity - Brightness: Luminance.
Hue. - Sensation produced by light wavelength - Ranges from 0° to 360° on a color wheel.
Saturation. - Color intensity (pure vs dull) - 100% = vivid, 0% = gray scale.
Intensity / Brightness. - Measure of reflected/emitted light - Human eyes detect brightness better than color.
HSB Adjustments. Example of varying: - Saturation - Brightness.
YUV Color Scheme. - Used in NTSC, PAL, SECAM TVs - Y = brightness - U/V = color (chrominance).
YUV Details. - Advantage: Reduced data for TV signals - Disadvantage: Limited color range on TV vs computers.
Color Palettes. - CLUTs define pixel colors - Paint programs use palettes - 256 shades/channel = 16+ million colors.
Palette Flashing Problem. - Switching images with different palettes causes flashing - Solutions: * Use a single palette * Fade to black/white between images.
The Color Wheel. - Purpose: * Select complementary and contrasting colors - Describes colors by: * Hue * Saturation * Value.
Color Wheel - Saturation. - Saturated = vivid - Unsaturated = dull - No saturation = grayscale.
Color Wheel - Value. - Lightness/darkness of color - Represents contrast between white and black.
Color and Visual Display. - Use color and luminance for: * Search tasks * Shape identification.
Hue and Shape Combinations. - Fill and shape influence region recognition - Brightness aids in search and detail detection.
Text and Background Color. - Readability is key - Best: Dark text on light background - Avoid poor contrast combinations (e.g. red-green).
Contrast in Text. - High contrast = better visibility - Example: Black on white vs Blue on black.
Bad Contrast Examples. - Poor contrast can cause eye strain - 'Simultaneous contrast' causes vibration (e.g., red on blue).
Verbal Color Contrast. - Contrast highlights importance - Use strong color differences for focus areas.
Practical Example. - Orange text box contrasts well with clothing colors - Blue text box blends in, reducing impact.
Dithering. - Converts colors to closest match in target palette - Used in low-color environments.
Color Dithering. - Needed when display can't support full 24-bit color - Software adjusts colors for appearance.
Dithering Algorithms. - Colors replaced with best available matches - Quality depends on the dithering method used.