Color Picker

Overview

Pick a color from the interactive gradient or type a HEX code, and instantly get HEX, RGB, and HSL values along with a WCAG contrast check. An essential tool for designers and developers who need to ensure readable text meets global accessibility standards (AA/AAA).

Key features

• •Visual color picking via interactive gradient
• •Displays HEX, RGB, and HSL values at once
• •WCAG contrast check against white and black backgrounds
• •Curated palette of suggested colors
• •One-click copy for each value format

How to use

1. 1
   Pick a color from the interactive gradient or the suggested palette.
2. 2
   Or type a HEX code manually for a specific color.
3. 3
   Review the HEX, RGB, and HSL values.
4. 4
   Check the WCAG contrast against white and black backgrounds.
5. 5
   Copy the value in the format you need.

Frequently asked questions