🎨
Live

ChromaStudio

Professional color picker and palette builder. The tool ColorZilla forgot to become.

⭐ 4.9 850+ installs Updated March 2025
🎨
850+
Installs
4.9β˜…
Rating
v2.0.1
Version
March 2025
Last Updated
0
Data Collected

Features

πŸ’‰
Precision Eyedropper
Sub-pixel accurate color picking with a live zoom magnifier showing a 5Γ—5 pixel grid. Hold Shift for exact 1-pixel precision.
🎭
Palette Builder
Create unlimited named palettes. Drag to reorder, generate shades and tints, and export in CSS, SCSS, JSON, Figma, or Tailwind config formats.
πŸ”„
Universal Converter
Real-time conversion across HEX, RGB, RGBA, HSL, HSB, OKLCH, LCH, P3, and CSS custom properties. Edit in any format, see all instantly.
πŸ“š
Persistent History
Every color you pick is saved automatically. Search by value or date, and add any past color to a palette with one click.
β™Ώ
Contrast Checker
Instant WCAG 2.1 AA/AAA contrast ratio for any text/background pair. Displays pass/fail alongside large and small text ratings.
✨
AI Palette Generator
Describe a mood, aesthetic, or brand ('moody Nordic winter', 'vibrant Lagos street market') and get a 5-color palette instantly via the Anthropic API.
🌈
Gradient Builder
Build linear and radial CSS gradients visually. Multi-stop, angle control, and live CSS output ready to copy.
πŸ“€
Multi-Format Export
Export palettes as PNG swatches, CSS variables, SCSS maps, Tailwind config, or Adobe ASE files for Photoshop/Illustrator.

How It Works

1
Pick
Click the eyedropper icon and hover over any element on any webpage. The zoom magnifier shows a precise grid around your cursor for exact sampling.
2
Build
Colors land in your history and palette automatically. Drag them into named palettes, generate shade scales, and check contrast ratios in one panel.
3
Export
Export in any format with one click: CSS variables, Figma styles, Tailwind config, JSON, or a visual PNG swatch sheet.

Permissions Explained

Every permission is documented here with the exact reason it's needed. Nothing is requested unnecessarily.

πŸ–±οΈ
activeTab
Required to activate the eyedropper and sample colors from the current page's rendered pixels.
πŸ’Ύ
storage
Stores your color history, saved palettes, and format preferences locally.
πŸ“‹
clipboardWrite
Enables the one-click 'Copy to clipboard' feature for color values.
πŸ”’
Zero Data Collection. ChromaStudio processes all information on your device. No browsing data, history, or personal information is ever transmitted to AlphaByteCore servers. Read our full Privacy Policy β†’

Frequently Asked Questions

Yes. ChromaStudio samples from the final rendered pixel output, so it works on video frames, WebGL canvases, and CSS-rendered gradients.
It uses your personal Anthropic API key to send a prompt to Claude. The key is stored in Chrome's secure local storage and is never sent to any AlphaByteCore server.
Unlimited. Color data is stored in Chrome's local storage with no cap. You can export and back up all palettes as a JSON file.
The eyedropper works on all standard web pages. Some browser-native UI elements (like dropdown menus) can't be sampled due to Chrome security restrictions.

Didn't find your answer? Visit the Support Center or email us at support@alphabytecore.com

What's New

v2.0.1
Mar 2025
  • Fixed OKLCH conversion precision
  • AI palette generator now returns 7 colors
  • Improved eyedropper latency on HiDPI displays
v2.0.0
Feb 2025
  • Complete UI redesign with dark/light mode
  • New: AI palette generator with Anthropic API
  • New: Gradient builder
  • New: Figma and Tailwind export
v1.5.0
Dec 2024
  • Added WCAG contrast checker
  • Persistent color history
  • Chrome MV3 migration
Ready to install ChromaStudio?
Free to install Β· Privacy first Β· v2.0.1
Add to Chrome β€” It's Free