Studio Convert
Coming soon
The designer's conversion toolbox for Mac. Convert units, currency, DPI and aspect ratios instantly without opening a browser tab.
See Studio ConvertChrome extension · Free
The colour tool that lives next to your builder.
A side-panel colour kit for web designers. Eyedrop any pixel, build palettes and ramps, fix contrast in one click, and export straight to Tailwind, CSS, or theme.json while your Bricks, Elementor, or Divi canvas stays fully visible.
More than just an eyedropper.
Picking a colour is table stakes. These five features are why Studio Colour earns a spot in your stack.
The eyedropper
Pick any pixel
right on the page.
Sample a colour from anything the page renders, including hero images, video frames, CSS gradients and embedded logos. If you can see it on the page, you can turn it into a swatch.
Ramps in one click
Turn one colour
into a whole ramp.
Drop in a base colour and Studio Colour builds a perceptually even tint-and-shade scale from 50 to 950, tuned so the steps look evenly spaced. It takes one click to make the ramp you would otherwise nudge by hand for an hour.
Accessible by default
WCAG and APCA,
side by side.
Every colour pair is checked against the current standard and the one that's coming, with a clear pass or fail on each. It's free forever, so you can catch a failing combination before an audit does.
Ship it your way
Copy as Tailwind,
CSS, or theme.json.
One click turns a palette into the format your stack uses, whether that's tokens, custom properties or a config block, so you never retype a hex code.
Always within reach
A full workspace in your side panel.
Studio Colour lives in a native Chrome side panel docked beside your builder. Your palettes are saved, so you can pick up where you left off, and the panel is already open when you need it.
Every colour tool you need,
right beside your builder.
Eyedrop any pixel with a precision magnifier. Build palettes, ramps, and gradients with pro colour tools. Check WCAG + APCA contrast, pull colour from any image or page, and export straight to Tailwind, CSS, or code. Save, sync, and plenty more.
Pick
Pixels
Pixels
Build
Palettes
Palettes
Extract
Images
Images
Copy
Code
Code
Check
Contrast
Contrast
Save
Palettes
Palettes
Sync
Everywhere
Everywhere
Builder
Ready
Ready
Ready for the full palette
High-volume exports and ramps, plus the gradient extractor and every code format. One price, no monthly caps.
What you get
Free
Pro
Eyedrop any pixel on the page
WCAG + APCA contrast checker
Ramps, scales, states & gradients
Native side panel + colour lessons
Extract from images & pages
10 / mo
High-volume
Save colours / palettes / gradients
20 / 10 / 10
500 / 100 / 100
Export to CSS / Tailwind
10 / mo
High-volume
Accessibility report, exportable
Colour-blindness simulation
Export to Bricks, theme.json, SCSS, Figma, JSON
Advanced gradients, up to 8 stops
Download font files & image assets
There's just one Studio Colour, and it's free to install. Pro features unlock with a subscription, right inside the extension.
Add to ChromeComing soon to Edge
The Studio suite
More from the Studio suite
Studio Colour is the first release, and three more tools are already taking shape. While you wait, try Gradient Synth, our free mesh-gradient instrument, with no sign-up needed.
Studio Fonts
Live
Identify, inspect, and preview any typeface on the page. See the full stack, the rendered font, and its pairings without leaving the tab.
Explore Studio FontsStudio CSS
In development
Recreate any component as clean, production-ready CSS and export it in seven formats, from Bricks to Tailwind to theme.json.
Get notifiedMore coming
In Testing
Inspect, Reader, and more are already in the works. Drop your email and we’ll tell you the moment the next one lands.
See all the tools
GOOD TO KNOW
Questions answered.
Everything worth knowing before you install, including the free tier, the limits, your data, and exactly what Pro adds.
Still have a question?
Send us a note and we will come back to you, usually the same day.
Is it really free? What's the catch?
There’s no catch. Studio Colour is free forever, with no account or card needed. You can eyedrop, build ramps, check WCAG and APCA contrast, and export to CSS or Tailwind without paying anything. A few heavier actions (extractions and exports) have a monthly allowance, and free save limits start modest. Pro lifts every cap and adds the bigger deliverables, and the free tier stays a complete tool you can use for real work.
What happens when I hit a monthly limit?
Nothing breaks. The everyday tools (eyedrop, contrast, ramps and gradients) are never capped. Only a few heavier actions, like image and page extractions or code exports, have a monthly allowance, which a live meter shows. If you reach the cap, you can wait for the monthly reset or go Pro for High-volume. Your work is never locked or deleted.
Is my data safe? What if I uninstall?
Your colours, palettes and gradients live locally in your browser, and you can export everything to a portable backup file any time, even without Pro. If you cancel Pro, switch machines, or reinstall, you can restore everything in one click.
Is it a subscription? Can I cancel anytime?
Pro is $29.99/year, billed through Lemon Squeezy, our payment provider. You can cancel anytime using the link in your receipt email. If you cancel, you drop back to the free tier and keep every colour and palette you saved, so there’s nothing to export in a hurry.
Which browsers does it work in?
Google Chrome, on any OS Chrome runs on, including Mac, Windows, Linux and ChromeOS. A Microsoft Edge version is coming soon. It lives in a native side panel docked beside whatever you’re building, on any website or page builder.
Is my data private?
Yes. Your colours and palettes stay in your browser. Studio Colour has no analytics or trackers and never sells your data, and the free tier needs no account at all. If you buy Pro, you check out with Lemon Squeezy, our payment provider, and the extension only sends your licence key and a device name to verify it. Joining our newsletter is optional. The privacy policy explains exactly what’s sent and when.
Get Studio Gauge for free.
A menu-bar system monitor that shows CPU, memory, storage and battery at a glance, with live usage for Claude, Codex, Gemini and more on the flip side. Join the newsletter and we’ll send you the download, plus the occasional post and new-tool update.