Pixel Toolkit
Precision color inspection on every page.
Pixel Toolkit helps designers and developers capture pixel-perfect information. Sample colors, check contrast ratios, and sync tokens back to your design system.
Works with the latest Chrome releases on macOS, Windows, and Linux.
Pixel Toolkit
Chrome Web Store
Inspect colors, generate palettes, and export design tokens instantly.
5K+ installs
4.7 / 5 rating
Offline capable
- Version
- 0.9.8
- Last updated
- February 15, 2024
- Package size
- 2.2 MB
- Languages
- English, 中文
- Compatibility
- Chrome
Key Capabilities
Built for product teams
Palette history
Keep a timeline of sampled colors across your design sprints.
Grid inspector
Measure spacing, typography scale, and alignment in any web interface.
Offline mode
Capture colors even when you're auditing staging builds without internet access.
Precision eyedropper
Sample any pixel with sub-pixel zoom and get color values in HEX, RGB, HSL, and LAB.
Accessibility checks
Instantly calculate WCAG contrast ratios and get actionable adjustments.
Token export
Copy palette tokens into JSON or CSS variables ready for your codebase.
Color intelligence UI
Explore the Pixel Toolkit without installing.
Palette inspector
See grouped swatches, usage recommendations, and quick export actions.
Token dashboard
Organize variables by theme and push updates to your repository.
Precision color inspection on every page.
Inspect colors, generate palettes, and export design tokens instantly.