Contrast Exercises
Explore hands-on “Contrast” exercises to sharpen your skills and level up your craft. Want more? Browse all search results

Exercise
Subtractive color model

Exercise
Secondary colors

Exercise
Tone

Exercise
Contrast design principle

Exercise
Avoid stark contrast

Exercise
WCAG color contrast for text

Exercise
Image overlay

Exercise
Contrast Checker Chrome extensions

Exercise
Contrast design principle

Exercise
Stark - Contrast & Accessibility Checker

Exercise
Maintain sufficient text contrast

Exercise
Color contrast recommendations for icons

Exercise
Adjust error color contrast

Exercise
Color contrast recommendations for input borders

Exercise
CMYK

Exercise
Design dark mode mindfully

Exercise
Use elevation to communicate depth

Exercise
Skip color contrast rules for disabled elements

Exercise
Avoid using pure black

Exercise
Use multiple cues for accessible inputs

Exercise
Don't forget color contrast for selection

Exercise
Use desaturated colors

Exercise
Use textures to increase accessibility

Exercise
Use contrasting colors

Exercise
Adjust state color contrast to meet AA-level standards

Exercise
Color contrast divider

Exercise
Color theory

Exercise
Be mindful of logo text

Exercise
Contrast

Exercise
Use contrasting labels

Exercise
Be mindful of text overlaying images

Exercise
Avoid direct inversion of light to dark

Exercise
Composition

Exercise
Dark mode

Exercise
Quantity contrast

Exercise
Visual weight contrast

Exercise
Position сontrast

Exercise
Don't rely on color alone

Exercise
Subtlety

Exercise
Subtlety with size

Exercise
Dark mode saves battery

Exercise
Dark mode enhances accessibility

Exercise
Retain brand identity

Exercise
Maintain sufficient color contrast

Exercise
Apply shadows properly

Exercise
Color contrast for accessibility

Exercise
Orientation сontrast

Exercise
Subtlety with color

Exercise
Background

Exercise