The essential color picker for designers and developers. Pick colors from any webpage, convert formats, check accessibility, and export palettes.
A complete toolkit for working with colors
Click anywhere on any webpage to capture the exact color. Works on images, gradients, videos, and any visible element.
Copy colors as HEX, RGB, HSL, RGBA, HSLA, HEX8, Tailwind classes, or CSS custom properties.
Automatically finds the closest Tailwind color match. Perfect for Tailwind CSS projects.
Check WCAG accessibility compliance instantly with AA and AAA badges and real-time contrast ratios.
Generate harmonious color combinations: complementary, analogous, and triadic schemes.
Save colors to custom palettes and export to JSON, CSS Variables, SCSS, or Tailwind config.
A clean, intuitive interface that gets out of your way
Speed up your workflow with keyboard shortcuts
On Mac, use Cmd instead of Ctrl
Free, no account required
Click "Add to Chrome" to install from the Chrome Web Store
Pin the extension to your toolbar for quick access
Click the icon and start picking colors!