Browser extension

ColorUI in your browser.

Eyedropper, working palette, side panel, and omnibox quick-actions - in Chrome, Edge, and Brave. No sign-up, no telemetry.

Address bar → color

› color #7c5cff — opens the Picker pre-filled

› color calm fintech — opens the AI Studio

› color contrast #fff #0b0b10 — runs the contrast checker

Eyedropper, anywhere

Pick the exact pixel color of any element on any page. Uses the native EyeDropper API on supported browsers, with a content-script fallback.

Working palette in your toolbar

Every color you pick lands in a persistent palette. Re-arrange, delete, copy as HEX / OKLCH / Tailwind, or open in any ColorUI tool.

Side panel for the long sessions

Pin the side panel (Alt+Shift+S) to keep your palette visible across tabs while you browse references and inspiration.

Three keyboard shortcuts

Alt+Shift+E to eyedrop. Alt+Shift+C to open the popup. Alt+Shift+S for the side panel. Type "color" + space in the address bar for omnibox quick-actions.

No telemetry, no auth

No tracking pixels, no sign-up. The palette lives in chrome.storage on your device. Optional sync only fires when you open a colorui.io tab.

Cross-browser

Manifest V3. Tested on Chrome 116+, Edge, and Brave. Same .crx package works in all three.

Install

We are submitting to the Chrome Web Store. While the listing is in review, sideload in 30 seconds:

Step 1 — get the extension/ folder

Download .zip

Or, on the terminal: npx degit colorui/colorui/extension colorui-extension

2. Unzip if needed - you should have a folder containing manifest.json.
3. In Chrome / Edge / Brave: open chrome://extensions, toggle Developer mode.
4. Click Load unpacked and select that folder.
5. Pin the toolbar icon. Use Alt+Shift+E to eyedrop, Alt+Shift+C for the popup, Alt+Shift+S for the side panel.

Open the web Picker All open-source surfaces

FAQ

Which browsers does it support?

Any Chromium-based browser on Manifest V3 - Chrome 116+, Microsoft Edge, Brave, Arc, Opera, and Vivaldi. Firefox support is on the roadmap once their MV3 side-panel APIs stabilise.

How do I install it?

We are submitting to the Chrome Web Store. While the listing is in review, you can sideload it in unpacked mode in 30 seconds - see the Install section above.

What permissions does it ask for?

storage (palette state), activeTab and scripting (eyedropper fallback on the page you have open), contextMenus (right-click on any color), sidePanel (the side panel itself), and clipboardWrite (copy buttons). Host permissions are limited to colorui.io plus optional access to the current site for picking.

Does the extension talk to a server?

Only when you click an action that needs it - "Open in Generator", "Apply on colorui.io", or the omnibox quick-actions. Picking colors and managing the palette work entirely on-device.

How does the omnibox quick-action work?

Type color in the address bar, press space, then type a hex (e.g. color #7c5cff) or a prompt (color calm fintech) - the extension routes you to the right ColorUI tool.

Where can I read the source?

The extension lives in the open at extension/ in the colorui.io repo. Manifest V3, vanilla JS, no bundlers. Audit it before installing.