Contrast Checker
webaim.org/resources/contrastcheckerWebAIM Contrast Checker evaluates foreground and background colors against accessibility contrast requirements.
Looking for something like Colorable? 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.
Adjust foreground and background colors in Colorable to see the resulting text contrast score.
| # | Alternative | Pricing | Open source | Platforms |
|---|---|---|---|---|
| 1 | Contrast Checker | — | Not stated | Web |
| 2 | Color.review | — | Not stated | Web |
| 3 | Alphredo | — | Not stated | Web |
| 4 | Color Palette Generator | — | Not stated | Web |
| 5 | Color Deck | — | Not stated | Web |
| 6 | Colour Contrast | — | Not stated | Web |
| 7 | Nof | — | Not stated | Web |
| 8 | Color & Contrast | — | Not stated | Web |
| 9 | accessiblepalette | — | Not stated | Web |
| 10 | Adobe Color | — | Not stated | Web |
WebAIM Contrast Checker evaluates foreground and background colors against accessibility contrast requirements.
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.
Extract a color scheme from an image and browse the resulting color values.
Color Deck collects color swatches and lets users copy their values, save palettes, and adjust hue, saturation, and lightness.
Colour Contrast Checker evaluates color combinations against WCAG contrast standards.
Generate color palettes with Nof, a tool for creating and adjusting color combinations.
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 11-step Tailwind CSS color scales, adjust them with HSL controls and access the API.
Generate color palettes with Color Palette Pro and adjust the colors using the available palette settings.
Generate color palettes with Pigment's color tool and adjust color combinations.
Build harmonized color palettes for web projects by choosing a starting hue and adjusting saturation.
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.
Accessible Color Matrix helps users build color palettes that account for accessibility.
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.
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