CSS Feature Support Checker

Color & Effects

Modern color spaces and compositing tricks verified on-device.

• ⏳ accent-color

  Customize color of form controls.

  accent-color: blueMDN
• ⏳ Display-P3 Color

  Wide gamut color for high-end HDR panels.

  color: color(display-p3 1 0.5 0.3)MDN
• ⏳ LCH Color

  Device-independent color space with perceptual uniformity.

  color: lch(50% 100 180)MDN
• ⏳ LAB Color

  Perceptually uniform color space covering all visible colors.

  color: lab(50% 40 -20)MDN
• ⏳ OKLCH / OKLab

  Perceptually uniform colors for accessible UI contrast.

  color: oklch(70% 0.1 230)MDN
• ⏳ HWB Color

  Hue-Whiteness-Blackness color notation.

  color: hwb(180 10% 20%)MDN
• ⏳ color-mix()

  Blend colors with declarative compositing math.

  background: color-mix(in srgb, red 60%, blue)MDN
• ⏳ Relative Color Syntax

  Derive colors from existing color values.

  color: rgb(from blue r g b / 50%)MDN
• ⏳ light-dark()

  Choose colors based on color scheme automatically.

  color: light-dark(black, white)MDN
• ⏳ Color Interpolation

  Control color space for gradients and animations.

  background: linear-gradient(in oklch, red, blue)MDN