Contrast
The difference in luminance between the brightest and darkest areas of an image. Determines the perceived depth, dimensionality, and visual impact of imagery.
Contrast describes the magnitude of luminance difference between light and dark regions in an image. High-contrast images exhibit dramatic tonal separation with deep shadows and bright highlights, conveying visual punch and dimensionality. Low-contrast images appear flat and muted, with tones clustered in a narrow range. Contrast is one of the most fundamental parameters governing how an image is perceived.
- Global contrast: The overall ratio between maximum and minimum luminance in an image, visualized as the spread of the histogram. Adjusted through Levels, Curves, or brightness/contrast sliders in editing software
- Local contrast: Tonal differences within small regions of an image. Enhancing local contrast emphasizes texture and surface detail, creating a sense of depth. The Clarity slider in Lightroom and similar tools operates on local contrast
- Relationship to dynamic range: Dynamic range defines the maximum luminance ratio a sensor or display can capture/reproduce. Contrast is the creative decision of how to distribute tones within that available range
In web design, contrast carries accessibility implications. WCAG 2.1 mandates minimum contrast ratios of 4.5:1 for normal text and 3:1 for large text. CSS provides filter: contrast() for dynamic image adjustment and the prefers-contrast media query for adapting layouts to user preferences. Understanding contrast is essential for creating both visually compelling and universally accessible digital experiences.