ContrastLab

Check color contrast, preview color-vision differences, and build more readable designs. Fully offline and private.

ContrastLab helps you create color combinations that are easier to read and more accessible.

Check foreground and background colors against WCAG AA and AAA standards, preview color-vision differences, test text sizes, and fine-tune colors with live updates. You can also sample colors from photos or identify colors with the camera.

Everything works offline and stays on your device. ContrastLab does not require an account and does not use analytics, tracking, or third-party services.

KEY FEATURES

• Check Color Contrast Instantly Analyse color combinations with real-time WCAG accessibility scoring.

• Preview Before You Build See how your colors look across real interface previews and different text sizes.

• Fine Tune Every Color Adjust hue, saturation, lightness, RGB values, and hex codes with live updates.

• Simulate Color Blindness Preview protanopia, deuteranopia, and tritanopia to design for more people.

• Improve Text Readability Test normal and large text against AA and AAA accessibility standards.

• Save Favorites and Track Analyses Organise favorite palettes and revisit previous accessibility checks with color history.

• Learn Why Accessibility Matters Understand color contrast and accessible design through interactive educational content.

ContrastLab is made for designers, developers, students, and anyone who wants to create clearer digital experiences.

Made by Faizan Shaikh.