ZepixoZepixo Docs
Back to app →

Accessibility & the contrast grid

The 11×11 contrast grid (WCAG / APCA), format toggle, and the Wedges preview.

Colors makes accessibility a first-class part of building a palette.

The contrast grid

An 11×11 grid pairs every shade as text against every shade as background, so you can see which combinations are readable. Switch the grid between WCAG ratios and APCA Lc values.

The contrast grid
The 11×11 text × background contrast grid.

Color formats

Toggle values between HEX, RGB, HSL, and OKLCH.

The Preview

The Preview applies your palette to real Wedges design-system components, so you see your colors on actual buttons, inputs, and cards — not just swatches.