Tailwind Color Picker
1 like
Instant color picking that finds the closest Tailwind CSS class name using smart matching. Offline & Privacy-first.
EU
Features
Properties
- Privacy focused
- Lightweight
Features
- Dark Mode
- Hardware Accelerated
- No Tracking
- Ad-free
- Works Offline
- No registration required
- Offline
- Color Picker
Tags
- tailwind-css
- CSS / Stylesheets
- frontend
- Google Chrome Extension
- Web Development
- Developer Tools
Tailwind Color Picker News & Activities
Highlights All activities
Recent activities
- opzozi added Tailwind Color Picker
- POX updated Tailwind Color Picker
- opzozi liked Tailwind Color Picker
opzozi added Tailwind Color Picker as alternative to ColorZilla, gpick, Instant Eyedropper and Pipette
Tailwind Color Picker information
Developed by
opzozi Licensing
Open Source (MIT) and Free product.Written in
Alternatives
6 alternatives listedSupported Languages
- English
AlternativeTo Categories
Development, Photos & Graphics, System & Hardware, Web BrowsersGitHub repository
- 0 Stars
- 0 Forks
- 0 Open Issues
- Updated
No comments or reviews, maybe you want to be first?
Post comment/reviewWhat is Tailwind Color Picker?
Stop guessing which Tailwind utility class matches a color on your screen.
Tailwind Color Picker is a lightweight Chrome extension designed for frontend developers and UI designers. It uses the native browser EyeDropper API to sample any pixel on your webpage and instantly identifies the closest matching Tailwind CSS color class (e.g., bg-indigo-500 or text-slate-900).
Why use this over standard color pickers?
- Tailwind Native: Instead of just a HEX code, you get the actual Tailwind class name you need for your code.
- Smart Matching: Uses CIE Lab color space and DeltaE (1976) distance calculation to find the mathematically closest match in the Tailwind palette.
- Developer Workflow: Copy class names with one click, use keyboard shortcuts (Alt+C), and access your history.
- Privacy First: 100% offline. No analytics, no tracking, no external server calls.
Perfect for reverse-engineering designs or quickly finding the right shade without opening the Tailwind documentation.