← Gallery

Tools · Working example

Color Pair

Two color pickers and a live text contrast check.

Open the demo
Desktop screenshot of the Color Pair demo

Built for AIWebGallery with Codex and Astro.

This example calculates contrast from the two color values in your browser. The preview and ratio update together so you can quickly try a few alternatives.