The Vibeary — tag

contrast

13 resources in The Vibeary tagged "contrast" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of Stark

Stark

Accessibility suite with Figma, Sketch and browser plugins covering contrast, focus order, alt text and vision simulation.

Starkfreemium
Preview of Coolors

Coolors

Spacebar-driven palette generator with 10M+ browsable palettes, image colour extraction, contrast checking, gradient tools and palette mockup previews.

Fabrizio Bianchi (@fabrizio_bianchi)freemium
Preview of Duo

Duo

Two-color pairing tool that shows every combination rendered as real UI so you can judge legibility, not swatches.

Alex Patefree
Preview of apcach

apcach

JavaScript library that generates colors from a target APCA contrast value instead of picking a color and checking after.

Evil MartiansMIT
Preview of a11y-contrast

a11y-contrast

Command-line tool that checks colour contrast across a palette or config file, suitable for CI pipelines.

Darek Kay (@darekkay)MIT
Preview of Who Can Use

Who Can Use

Enter a foreground and background pair and see, per vision-type, which real groups of people can actually read it.

Corey Ginnivan & Ally Palanzifree
Preview of Accessible Color Systems

Accessible Color Systems

Stripe engineering post on building a colour system that guarantees contrast ratios while preserving brand hue relationships.

Stripe design teamfree
Preview of Zebra

Zebra

Lightweight open-source contrast checker for Figma that samples selected layers and reports pass/fail without leaving the canvas.

Dan Hollick (@danhollick)open-source
Preview of Polychrom

Polychrom

Figma plugin that measures contrast between overlapping layers using APCA, accounting for blend modes, opacity and stacked backgrounds.

Evil Martiansfree
Preview of Tanaguru Contrast Finder

Tanaguru Contrast Finder

Tool that suggests the nearest passing colour alternatives when a pair fails contrast, instead of just reporting failure.

Tanaguruopen-source
Preview of Colorable

Colorable

Minimal matrix that cross-checks every color in a palette against every other for WCAG contrast in one glance.

Brent Jackson (@jxnblk)MIT
Preview of Leonardo

Leonardo

Adobe's contrast-first colour tool: define target contrast ratios and it generates the colours, plus adaptive theme output.

Adobe (@adobe)Apache-2.0
Preview of Atmos Playground

Atmos Playground

Color system builder that generates full tonal scales from a few seeds and checks WCAG and APCA across every pairing.

Atmosfreemium