Figma

Contrast Checker + Color Suggestions in Stark

The Stark Contrast Checker inspects color contrast ratios across your design and offers suggestions to replace colors that don't pass AA and AAA guidelines for normal and large text. Stark's Color Suggestions provide alternate foreground and background combos that are guaranteed to pass. They’ll also adjust in real-time as you select them, and every instance in a file will update when you change a parent component.In this video, we provide a detailed walkthrough of how to use Contrast Checker + Color Suggestions in Stark. We showcase how to check the contrast of your UI elements, utilize Stark's Color Suggestions, and ensure your designs pass AA and AAA standards.