Color Picker

Color picker from image & eyedropper for Edge. Extract site color palettes, convert HEX to RGB. WCAG contrast checker.

You're looking at a website and there's a color you want to use. Maybe it's a background gradient, maybe a button shade, maybe something in an image. You want the hex code and you don't want to open Photoshop or dig through DevTools to get it. That's the main thing Color Dropper does. There's a floating eyedropper widget on every page. click it, hover over any pixel, click again. The hex color code lands in your clipboard. If your project needs RGB, HSL, HSV, or CMYK instead, all formats are right there. One click to copy whichever one you need. But picking a single color from a page is only part of it. If you want to pull an entire color palette from an image or a website, there's a one-click extractor that grabs the top 20 colors on the page. backgrounds, borders, text, everything. You get a full palette from image or site without manually sampling each one. Once you've got a color, you can explore it further. See lighter and darker shades laid out side by side. Paste any hex value and find out what it's actually called. the extension searches 30,000+ named colors. Blend two colors together at any ratio and watch the result change in real-time. For the workflow side: save up to 50 colors and export the whole set as CSS variables, SCSS, Tailwind config, or JSON. Keyboard shortcuts keep things quick. E to pick, C to copy, S to save. There's also a WCAG contrast checker if you need to verify accessibility compliance between foreground and background colors. No account needed, no tracking, no unnecessary permissions. Works on Chrome, Edge, Brave, Opera. any Chromium browser, on any website.