Smart Color Picker & Palette Builder
Eyedropper, formats, contrast & CSS palettes
About
Smart Color Picker & Palette Builder is a fast, modern color tool for designers and developers. Pick any color from your screen, copy it instantly in the format you need, and build reusable palettes — completely offline, with no accounts or external APIs.
Key features
Instant Eyedropper
Click “Pick Color” and sample any pixel using Chrome’s native EyeDropper. The selected HEX code is automatically copied to your clipboard.
Multiple Color Formats
Switch between HEX, RGB, HSL, OKLCH, and Display P3. Click any format to copy it instantly with a clear “Copied!” confirmation.
Color History
Your last colors are saved locally and shown as clickable swatches. Re-copy any past color in one click, or clear history anytime.
Contrast Checker
Quickly see whether your active color passes WCAG AA contrast against white and black text — helpful for accessible UI design.
Palette Export
Export recent colors as clean CSS custom properties (--color-1, --color-2, …) ready to paste into your stylesheet.
Light & Dark Theme
Clean light UI by default, with one-click dark mode. Your preference is saved automatically.
Private & Offline
Everything runs on your device. No tracking, no cloud sync, no external requests.
How to use
- 1Install the extension and pin it to your toolbar.
- 2Click “Pick Color” and sample any pixel on screen.
- 3Copy HEX, RGB, HSL, OKLCH, or Display P3 as needed.
- 4Build history into a palette and export CSS variables.
Tips
- • Use the contrast checker before locking brand or UI text colors.
- • Export CSS custom properties for quick design-system tokens.