Colour Contrast
colourcontrast.ccColour Contrast Checker evaluates color combinations against WCAG contrast standards.
Looking for something like Contrast Checker? Here are 24 alternatives, ranked by how closely they match it on purpose, features and platforms. Of these, 1 are free or have a free plan and 1 are open source.
WebAIM Contrast Checker evaluates foreground and background colors against accessibility contrast requirements.
| # | Alternative | Pricing | Open source | Platforms |
|---|---|---|---|---|
| 1 | Colour Contrast | — | Not stated | Web |
| 2 | Colorable | — | Not stated | Web |
| 3 | Color.review | — | Not stated | Web |
| 4 | Alphredo | — | Not stated | Web |
| 5 | accessible-color-matrix | — | Not stated | Web |
| 6 | Color & Contrast | — | Not stated | Web |
| 7 | accessiblepalette | — | Not stated | Web |
| 8 | Adobe Color | — | Not stated | Web |
| 9 | Leonardo | — | Yes | Web |
| 10 | WhoCanUse | — | Not stated | Web |
Colour Contrast Checker evaluates color combinations against WCAG contrast standards.
Adjust foreground and background colors in Colorable to see the resulting text contrast score.
Explore accessible foreground and background colors with Color.review, which displays contrast measurements.
Generate translucent color equivalents with Alphredo by adjusting a palette against a chosen background.
Accessible Color Matrix helps users build color palettes that account for accessibility.
Interface designers can use Color & Contrast as a guide to color choices and combinations.
Accessible Palette creates color systems using CIELAB and LCh models, with controls for lightness and WCAG contrast ratios.
Adobe Color provides color palettes, themes, a color wheel, contrast checking, and tools to extract colors from images.
Generate color values for design systems by setting a target contrast ratio.
Explore how color contrast affects people with different visual impairments using WhoCanUse.
Generate or browse color palettes and use image picking and contrast checking tools.
Browse CSS colors sorted by hue, saturation and lightness, with RGB, HSL and hex values.
Explore curated palettes based on the work of artists, with color values for each selection.
Browse more than 500 curated color palettes from Culrs and select combinations for graphic and interface design work.
Browse Material Design color palettes and other collections, including Tailwind and Fluent colors.
Upload an image or enter a URL to identify colors and view their HEX and RGB codes.
Browse hand-picked color palettes for design projects, with collections and related colors.
Color Deck collects color swatches and lets users copy their values, save palettes, and adjust hue, saturation, and lightness.
Extract a color scheme from an image and browse the resulting color values.
Generate color schemes with Huemint's machine learning-based palette generator.
Tint & Shade Generator creates color tints and shades matching outputs from Chrome DevTools, Sass, Less, and PostCSS.
Create color scales with Scale, an online color scale generator by Hayk An for working with color values.
Browse accessible color combinations with RandomA11y's palette collection.
Find HEX color codes and complementary colors with this online color picker.
Alternatives are suggested from the purpose and features described in our listings. Different pages for the same product appear once. Read each description to check whether it fits your task. How we choose alternatives · Suggest an alternative