This tool evaluates the contrast between colors in a palette, to make it easier to create UI that meets Web Content Accessibility Guidelines for color contrast. Unlike most other available tools, it evaluates a full palette rather than a single pair of colors, and it loads and saves files used with common design programs.

Loading and saving palettes

Use the top menu buttons to load and save color palettes. Colors are limited to solid colors; no transparency, pattern fills or gradients. Supported formats include:

• Adobe Swatch Exchange (.ase). Right now, the tool will read grouped colors but won't preserve the groupings when you save. It's on the to-do list.
• Sketch palette (.sketchpalette), for use with the Sketch palettes plugin
• Comma-separated values (.csv) in a custom format. This lets you save and view palettes without any design software.

Adding an individual color

To add an individual color, click on the ‘add color’ button at the top left of the main content area. You can enter RGB or hex values.

Changing a color

To change a color, click on the label at the left or top of the main content area. You can make the color darker or lighter, or directly change its value.

Source code and copyright

Copyright under MIT License by Daniel Soltis 2019. Source code and additional copyright information are available on Github.