The CSS contrast() filter function adjusts element contrast by making colors more vivid or muted.
- •Takes values from 0 to any positive number: 0 creates complete gray, 1 leaves unchanged, above 1 increases contrast linearly
- •Works by multiplying RGB channels and adjusting midpoint, making light pixels lighter and dark pixels darker
- •Primary use cases include reducing contrast on background images for text readability and increasing contrast on hover effects
- •Supported across all modern browsers and compatible with CSS variables
This summary was automatically generated by AI based on the original article and may not be fully accurate.
CSS-Tricks