contrast-color-picker

Web component color picker with WCAG contrast guides. Drop-in replacement for <input type="color"> with visual contrast indicators.

Usage

Click swatch to open picker. Click reference area to change background. Plus signs = acceptable contrast.

<contrast-color-picker value="#3498db" reference="#ffffff"></contrast-color-picker>