Color Contrast Analyzer

A plugin that calculates the color contrast of two layers and evaluates it against MCOE's guidelines.

v1.2.0 is compatible with Sketch 3.0.0

Color Contrast Analyzer for Sketch

This Sketch plugin is based on Florian Schulz's [Color Contrast Analyser] (https://github.com/getflourish/Sketch-Color-Contrast-Analyser). It calculates the color contrast of two layers and evaluates them against MCOE's guidelines. If only a single layer is selected, than it will calculate with its artboard background color. The test may pass or fail because of a lack of contrast. When you do not need to meet the requirements, you see the actual ratio so you know how far off you are. This might help you design accessible content.

<img src="./Sketch-Color-Contrast.png" width="450px" alt="Sketch Color Contrast"" />

MCOE requirements

Color contrast of 6:1 or 4:1 for large text

AA requirements

Color contrast of 4.5:1 or 3.0:1 for large text

AAA requirements

Color contrast of 7.0:1 or 4.5:1 for large text.

##Notes


Join the discussion

Download v1.2.0
Usage Activity
400100

No Sketchpacks Relay integration found

Stats
  • 243 downloads all–time
  • 1 downloads this week
  • 11 downloads this month
About this plugin

eaugustine published this plugin 2y ago.

v1.2.0 is the latest version.

Native updates are supported within Sketch.app.