01Free
Chrome Color Picker
Pick a color from any webpage, copy HEX, RGB, or HSL, and keep the last 20 colors in history.
Pick webpage colorsFROM WEBSITE COLOR TO USABLE CODE ●
Choose the color workflow you need.
Start with webpage color picking or brand-palette research, then carry the colors you selected into CSS Variables, Tailwind Config, or W3C Design Tokens.
Add to Chrome — FreeFIVE FOCUSED PATHS
Choose the task first, then the output.
02Free + Pro
Website Palette Extractor
Collect brand colors from a reference site and organize a palette for competitor research or a redesign.
Extract a website palette03Free
CSS Variables Generator
Turn the website colors you selected into reusable CSS custom properties for your stylesheet.
Export CSS Variables04Pro
Tailwind-ready Palette
Carry collected website colors into a Tailwind Config starting point without inventing an automatic shade scale.
Create a Tailwind palette05Pro
Color Design Tokens
Group interface colors in a project and export a W3C Design Tokens starting point for your design system.
Export color tokensTHE COMPLETE WORKFLOW
Pick → Organize → Export
Free covers webpage picking, history, one project, and CSS Variables. Upgrade to Pro when you need page extraction, multiple projects, Tailwind, or W3C exports.