Ensure your design is accessible and high contrast for every type of color blindness
JavaScript HTML CSS
Clone or download

README.md

Stark

Rather than go through this readme, check out the website. It's much better.

Easily check your designs against the 8 different types of colorblindness. In addition, run a pair of colors against WCAG 2.0 standards.

Installation

Recommended

Old-Fashioned

  • Download this file and double click to install.

Usage

You can obviously select any of the options below, but try speeding up your workflow with Sketch Runner and just typing the commands into that.

Show Stark

  • Brings up the Stark window. From here you can check your current screen or artboard against the 8 different types of colorblindness and also check a pair of color's contrast.

Simulate Colorblindness

  • Jump straight to a simulation by selecting any one of the 8 types of colorblindness.
Hotkeys

The colorblind simulation has the following hotkeys available:

  • - Cycle between the 8 types of colorblindness.
  • - Cycle between the artboards in your document.
  • -numpad - - Zoom out on an artboard.
  • +numpad + - Zoom in on an artboard.

Check Contrast

  • If you have two layers selected, jump straight to checking the contrast of them both.

Problems?

File an issue or send me a note on Twitter. Any and all feedback is welcome!