Drop an image to build a palette
Photos, screenshots, artwork or logos
Choose an image to switch palettes
Palette
Selected color
Tint and shade ramp
Made in OKLCH, so each step keeps the hue. Click a step to copy it.
Accessibility
WCAG 2.1: AA needs 4.5:1 for body text, AAA 7:1, AA Large 3:1.
On white and black
Color-vision confusions
Pairwise contrast
Foreground down the left, background across the top. Green clears AA, amber AA Large only.