Eyedropper - image, camera, screen
Drop an image here or click to choose a file
Supports JPG, PNG, WebP, AVIF, HEIC (browser-dependent). Or use the camera.
4×
96 px
Drag slowly inside the photo for sub-pixel precision. Reset by pressing both sliders to defaults.
Sampled color
#3486C2
Recent
Cross-system equivalents
Closest match per palette system.
Enter color code or value
Supports any system code (RAL/NCS/Munsell/HKS/FS/PE/SW/BM/FB/Dulux), HEX, RGB, HSL, HSV, LAB, OKLCH.
Same hue family
All shades from one system that sit close to the chosen hue.
Browse palette systems
Inspiration - moods & themes
Base color
Pick a base, then see complementary, analogous, triadic, tetradic, split-complementary, square, and monochromatic harmonies. All rotations are computed in OKLCH for perceptual uniformity.
Harmonies
All five tools below — WCAG, color blindness, lighting, gamut, gradient — analyse the palette you pick here. Choose the active sample for a quick check, or any saved palette for an audit.
WCAG contrast checker
Pairwise contrast for the active palette. AA = 4.5:1, AAA = 7:1; large text relaxes to 3:1 / 4.5:1.
| FG | BG | Ratio | Normal | Large |
|---|
Color blindness simulation
Brettel-style transforms for the most common deficiencies. Toggle to overlay simulation across the active palette.
Lighting / metamerism preview
Same color rendered under different illuminants via Bradford chromatic adaptation.
CMYK gamut warning
Detects highly saturated sRGB values likely to clip in standard offset CMYK; suggests an in-gamut approximation.
OKLCH gradient generator
Pick stops; the bar shows a perceptually uniform OKLCH interpolation. Copy the CSS.
Export
11 formatsChoose a saved palette and tap a format. PDF + JSON + CSS are free; the rest are Pro.
No palettes yet
Sample a colour and tap Save palette in the Pick or Harmonies tab to start a library.
Saved palettes
Stored locally in your browser. Use Share to export a link.
Compare palettes
Pick up to 4 saved palettes to compare side by side.
Pantone equivalents notice. Shademix includes a curated set of approximate visual equivalents labelled with the prefix
PE-. They are for design exploration only and are not affiliated with, endorsed by, or licensed from Pantone LLC. PANTONE® is a trademark of Pantone LLC. For production-accurate Pantone matching, consult an official Pantone product. RAL®, NCS®, HKS® and other system names are trademarks of their respective owners; codes are listed for reference only.