🎨 Color Picker & Palette

Pick, refine, compare, and save colors. Pure HTML + CSS + JS.

Pick a Color

Adjust HSL + Alpha; all fields sync automatically.

Manual Inputs

Aa

The quick brown fox jumps over the lazy dog.

0123456789 !@#$%^&*

Contrast Checker

Results

Ratio: --

  • AA Normal: --
  • AAA Normal: --
  • AA Large: --
  • AAA Large: --

Sample on chosen background:

Large Text Example

Normal text example for contrast evaluation.

Small caption text.

Saved Palette