Designer Toolkit

Toolkit for designers and developers. Pick colors, grab fonts, check WCAG contrast, simulate color blindness and more.

As of June 2026, Designer Toolkit has 83 users in the Developer Tools category.

Developer Tools

Chrome Web Store ↗.crx

Users+76.6%

Rating0%

—

— reviews

Reviews0%

—

Version

1.2.0

Manifest V3

History

8 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	47	—	—	1.2.0
Apr 16, 2026	50	—	—	1.2.0
Apr 26, 2026	44	—	—	1.2.0
May 7, 2026	56	—	—	1.2.0
May 13, 2026	62	—	—	1.2.0
May 22, 2026	71	—	—	1.2.0
Jun 1, 2026	69	—	—	1.2.0
Jun 9, 2026	61	—	—	1.2.0
Now	83	—	—	1.2.0

Permissions & access

Permissions: storageactiveTabscripting
Host access: None declared

Screenshots

About

Everything you need to design and build with confidence.

Designer Toolkit is a focused browser extension that brings essential design and development utilities into one clean, fast workflow. Inspect real websites, extract accurate values, validate accessibility, and turn visual decisions into production-ready output — without leaving the page.

Built for designers, developers, and modern web teams.

🎨 Colors
Pick colors from any website and instantly get clean, usable values.
Save colors to collections, work with multiple formats (HEX, RGB, HSL, OKLCH), generate consistent shade scales, and reuse everything across your design system.

🔤 Fonts
Instantly identify fonts used on any website.
Inspect full typography properties including size, weight, leading, tracking, and color. Copy production-ready values.

♿ Accessibility
Make sure accessibility isn’t an afterthought.
Check WCAG contrast ratios for normal and large text, and simulate color vision deficiencies in real time. Catch accessibility issues early and design experiences that work for everyone.

🧩 Styles
Inspect the full CSS of any element on a website.
Click any element to instantly view its complete set of computed styles, including layout, spacing, typography, colors, and more — all in a clean, readable format without digging through dev tools.

⚙️ Workflow-focused settings
Customize formats, defaults, and behavior to match how you work.
Designer Toolkit adapts to your workflow instead of forcing one on you.

🚀 Pro features
Unlock advanced tools designed for real projects:
- Save and organize colors into reusable collections
- Generate consistent shade scales
- Unlimited color and font history
- Export to CSS variables, JSON, and Tailwind v4 @theme
One-time purchase. No subscriptions.

Designer Toolkit is built for real-world design and development workflows. Instead of juggling multiple extensions and tools, you get a focused set of utilities that work together. Everything is designed to be fast, accurate, and out of your way — so you can stay focused on the work that matters.