ColorShark

Light grey text on a white background looks elegant until someone can't read it. ColorShark checks in real time whether the color combinations you choose meet accessibility contrast standards, and suggests how to fix them.

ColorShark is a free tool for checking color contrast according to the WCAG accessibility guidelines. It works instantly: you choose a text color and a background color and the tool calculates the contrast ratio between them, indicating whether the combination passes the required conformance levels — AA and AAA — for normal text and large text. The added value over simple contrast calculators is that, when a combination isn't compliant, ColorShark suggests alternatives in real time that keep the desired look as much as possible while reaching accessible contrast. This makes it useful during the design phase, when defining the palette and color combinations of a site or interface, to ensure content stays readable even for people with visual difficulties. It's a small specialized tool, born as a designer's project, that neatly solves a concrete and frequent problem.

For UI/UX designers, web developers and anyone who needs to define accessible color combinations compliant with WCAG standards for sites and interfaces.

ColorShark is a completely free tool, usable directly from the browser with no registration or cost. It was created as a designer's personal project and remains freely accessible for checking color contrast and getting suggestions compliant with accessibility guidelines.