Image & color
Sample from an image with draggable pickers, or drag on the wheel to set hue.
Color
Drop image here or click to upload
Palette
Select a swatch, apply a harmony rule, or switch to a gradient preview.
Edit active swatch
Hex and channel sliders (RGB, HSB, or L*a*b*).
RGB
235
42
42
100%
Contrast (WCAG)
Typography color vs a swatch background. AA normal 4.5:1, large 3:1; AAA normal 7:1, large 4.5:1.
Background
Text color
Aa
- AA normal: fail
- AA large: pass
- AAA normal: fail
- AAA large: fail
Ratio: 4.16:1