Tailwind Color Picker

Unknown author · Developer Tools

Open in Chrome Web Store

Users

Avg rating

—

Ratings

—

Updated

Apr 8, 2025

Media

4 items

Description

Pick any color on screen and instantly get its Tailwind CSS class, hex, rgb, hsl values. Perfect for designers & devs. Pick any color on your screen and instantly get the matching Tailwind CSS class. Built for frontend developers and designers working with Tailwind. What it does: 1. Click anywhere to pick a color 2. Shows hex, rgb, hsl values 3. Finds the exact Tailwind class (if exists) 4. One-click copy for all values 5. Keeps a history of your recent picks Works on any webpage, including Figma, dev tools, or local projects. No fluff — just a clean, fast tool to speed up your workflow.

History

30d 90d 1y all

rating_count is the Chrome Web Store ratings count, not a written-review count.

Details & SEO

SEO signals

Listing completeness signals

Title length
Characters in the extension name.
21
Description length
Characters in the listing description.
598
Media assets
Screenshots and videos on the listing.
4
Has promo video
Whether the listing includes at least one video.
Yes
Languages
Declared language locales.
1
Developer website
Listing exposes a developer website URL.
No
Contact email
Listing exposes a contact email.
Yes
Keyword in name
Case-insensitive substring match in the name.
—
Keyword in description
Case-insensitive substring match in the description.
—
Keyword occurrences in description
Count of case-insensitive occurrences in the description.
—
Category user-count percentile
Share of same-category extensions with fewer users (null if unknown).
37.9

These are transparent listing completeness / keyword signals, not a prediction of Chrome Web Store search ranking.