Chroma - Color Picker & Palette Studio

Fast, beautiful web color picker & studio. Sample hex codes, build palettes, check WCAG contrast, and export CSS code.

Chroma is the ultimate web color studio built for modern designers, developers, and creators. Featuring a stunning Material You 3 interface with dynamic accent themes, Chroma makes sampling, organizing, and exporting webpage colors faster and more enjoyable. KEY FEATURES & CAPABILITIES: • Pixel-Perfect Eyedropper Sample exact color values from any webpage, graphic, or UI element with a single click or shortcut (Alt+Shift+C on Windows/Linux, Option+Shift+C on Mac). • Material You 3 & Dynamic Accent Themes Personalize your color studio with 5 official M3 accent themes (Purple, Blue, Teal, Rose, Amber) and borderless surface container styling. • Injected Shadow DOM Overlay Launches a fast, isolated floating studio directly on your active webpage tab without host CSS interference or page layout distortion. • Custom Palette Collections Organize sampled colors into custom named palettes. Add colors via eyedropper, direct HEX entry, or page scanning. • Multi-Format Exporting Export your color collections instantly as JSON data structures, CSS custom properties (--color-name: #hex;), or formal PDF brand specification reports. • WCAG Contrast & Accessibility Auditing Check contrast ratios instantly against black and white backgrounds with real-time AA and AAA WCAG compliance verification and live text preview. • CSS Snippets Generator Instantly generate clean CSS code blocks for HEX, RGB, HSL, RGBA, and CSS root variables. • Automatic Color Extraction (Page Scan) Automatically scan the active webpage to extract a palette of all dominant brand colors in seconds. • Local History Retention Never lose a color pick. Chroma automatically records your recent sampled colors with quick pin and copy support. • Privacy-First & Offline No tracking, no analytics, no external server requests. Chroma runs 100% locally in your browser.