Learning on Web Dev Open is free for all.

Design Craft > Colour with a point of viewContrast Lab
Phase 02Colour with a point of view99 of 434

Contrast Lab

Tune hue, saturation and lightness until a real WCAG ratio clears the bar without the colour turning into sludge. Both halves are the point.

Drill20 minAI off

Contrast Lab

Tune hue, saturation and lightness until a real WCAG ratio clears the bar.

Play Contrast Lab

You should now be able to

  • Reach a target ratio while preserving the hue
  • Predict which slider moves the ratio fastest
Ask the community

Loading…

← PreviousContrast that actually passesColour with a point of viewNext →Colour is never the only signalColour with a point of view