Colour Contrast Checker

A web tool that checks foreground and background colour pairs against WCAG contrast levels.

FreeProprietaryWeb

These buttons open the developer's own site, repository or store listing in a new tab. wares.gg does not host downloads.

About Colour Contrast Checker

Colour Contrast Checker shows the contrast ratio of a background and foreground colour and whether the pair passes AA and AAA for large and normal text. Colours can be adjusted through RGB or HSL sliders, swapped with one click and saved.

Example text can be previewed in a chosen Google font at large and normal sizes. The page links to its source code on GitHub, and it suits anyone checking text legibility for accessibility.

Strengths

  • Clear AA and AAA pass or fail results
  • Adjust colours with RGB or HSL sliders
  • Preview text in Google fonts

Limitations

  • Checks one colour pair at a time
  • Licence of the published source is not stated in the research

Details

Pricing
FreeFree to use in the browser.
License
Proprietary
Developer
Pushedskydiver
Platforms
Web
How it runs
Web application
Account
Not required
Best suited for
Checking text and background colours for WCAG compliance
Last verified
Added
Provenance
Facts checked against the developer's own pages and store listings, 1 sources on file.

Alternatives to Colour Contrast Checker

Compare all

Software that can replace Colour Contrast Checker for an important use case, and what changes if you switch.

  • WebAIM Contrast Checker

    An online checker that tests foreground and background color contrast against WCAG AA and AAA levels.

    FreeProprietaryWeb

    WebAIM Contrast Checker separates results for normal text, large text and UI components, with alpha controls and shareable permalinks.

  • Contrast Ratio

    A web tool that calculates the WCAG contrast ratio between a text color and a background color.

    FreeProprietaryWeb

    Contrast Ratio updates live as you type CSS color notations and handles semi-transparent colors, though its hosting page includes Siege Media marketing.

  • Colour Contrast Analyser

    A free desktop app for checking foreground and background color contrast against WCAG, with eyedropper pickers.

    Colour Contrast Analyser is an open source desktop app for Windows and macOS with screen-wide eyedroppers and WCAG 2.0 to 2.2 results.

  • Contrast Finder

    A web tool that checks color contrast against WCAG and suggests close valid color pairs.

    Contrast Finder is open source under AGPL-3.0, suggests valid nearby colors and can be self-hosted.

  • Accessible Colors

    A web checker that tests text and background contrast against WCAG and suggests the closest passing colors.

    FreeProprietaryWeb

    Accessible Colors checks AA and AAA and suggests the nearest passing colors, following WCAG 2.0 rules.

  • Colorable

    A web tool for testing the contrast of a text and background color pair against WCAG levels.

    FreeProprietaryWeb

    Colorable offers HSL sliders with reverse and random buttons in a minimal interface, without font previews.

  • WhoCanUse

    A web tool showing how a text and background color pair looks to people with various vision conditions.

    FreeProprietaryWeb

    WhoCanUse adds previews of each color pair under various vision conditions, including situational cases such as direct sunlight.

Colour Contrast Checker as an alternative

Listings that name Colour Contrast Checker as an alternative.

  • Accessible Color Generator

    A web tool that finds the closest accessible variation of a brand color for a chosen background.

    FreeProprietaryWeb

    Colour Contrast Checker gives AA and AAA pass or fail results with RGB or HSL sliders and Google font previews, instead of suggesting a nearby accessible color.

Similar software

Related functionality, not necessarily a direct replacement.

  • RandomA11y

    A web tool that generates random color pairs meeting WCAG contrast requirements.

    FreeProprietaryWeb
  • Coblis

    A browser-based simulator that shows how an image looks to people with color vision deficiencies.

    FreeProprietaryWeb
  • Leonardo

    Adobe's web tool for generating accessible color themes and scales from target contrast ratios.

  • Accessible Palette

    A web tool for building color systems with consistent lightness and WCAG contrast across hues.

    FreeProprietaryWeb
  • Realtime Colors

    A web tool that previews a color palette and font pairing on a realistic page layout as you edit it.

    FreeProprietaryWeb

Report a wrong fact or a dead link on this listing