Master every tool in minutes.
A fast, no-fluff manual. From your first pixel pick to a full brand palette, here's exactly how True Color Picker works.
The 3-step workflow
- 1
Get a color in
Upload, drag & drop, paste (Ctrl+V), or load an image by URL. Tap the Eyedropper to grab any pixel from your screen.
- 2
Read every format instantly
HEX, RGB, HSL, OKLCH, CMYK and Tailwind v4 tokens appear with a one-click copy button on each.
- 3
Share, export, or ship it
Copy the color link, share to social, or export the whole palette as code, JSON, or a PNG swatch card.
Color Picker from Image
- → Hover the canvas to activate the 12x magnifier loupe for precise pixel targeting.
- → Click or tap anywhere to lock in that exact color.
- → Zoom with the toolbar buttons, the mouse wheel, or the
+/-keys. - → Press
1for 1:1 original resolution,0orFto fit to screen. - → Every pick is saved to your Sampled History strip — tap a chip to jump back to an earlier color.
Color Converter
Type or paste any color value — HEX, RGB, HSL, HSV, CMYK, OKLCH, or a CSS named color — and every other format updates live. Perfect for translating a color you found in one system into the syntax your project needs.
Open ConverterContrast Checker
Get real WCAG AA/AAA ratings between any two colors. When text fails, hit the auto-fix button to instantly brighten or darken until it passes — then copy the corrected code.
Open Contrast CheckerGradient Maker
Build linear and radial gradients from any image's top colors. Drag the angle slider, pick stops, and copy production-ready CSS in one click.
Open Gradient MakerBrowse Colors
Search 4500+ named colors across every family. Each color shows its full code set, tints, shades, harmonies, and WCAG score — a built-in random color picker and color wheel in one.
Browse ColorsPro tips
- ✓ Paste a screenshot straight into the picker with Ctrl+V — no saving to disk needed.
- ✓ Share a color link so teammates land on the exact hex, preloaded.
- ✓ Use the Eyedropper button in Chromium browsers to sample any pixel on your screen.
- ✓ Export a Tailwind v4
@themeblock to drop straight into your config. - ✓ Switch sort modes to see your palette by dominance, hue, lightness, or temperature.
- ✓ Everything runs locally — your images never leave your device.
Still stuck?
We're happy to help with any question, bug, or feature idea.
Contact Support