Skip to content
PluginStats

tailwindcss-hexcolor weekly downloads statistics

By SnehMoradia (2 listings) · npm · Tailwind plugins

Tailwind CSS v4 plugin that automatically generates utilities for custom hex color classes like bg-fff, text-000, border-ff0000, gradients and more.

View on npm Fresh · Oct 17, 2026

tailwindcss-hexcolor has 4 recorded weekly downloads on npm, a decrease of 63.6% over the past 30 days.

It ranks #2067 of 2,251 tracked npm listings by weekly downloads.

Over 90 days, weekly downloads changed by -66.7%.

PluginStats has 121 daily observations since Jun 19, 2026; the latest is from Oct 17, 2026.

Weekly downloads
4
Official API · Oct 17, 2026
7-day growth
0.0%
0 weekly downloads
30-day growth
-63.6%
-7 weekly downloads
90-day growth
-66.7%
-8 weekly downloads
Rank
#2067
Among tracked npm listings

About tailwindcss-hexcolor

🎨 tailwindcss-hexcolor

Write arbitrary color utilities in Tailwind CSS without square bracket syntax ([]).

Supports HEX, RGB, RGBA, HSL, HSLA, and CSS color-mix() for Tailwind CSS v3 & v4.

✨ Clean Syntax • 🚀 Zero Configuration • ⚡ Smart Caching • 🎨 Multiple Color Formats

✨ Features

• 🚀 No [] syntax • 🎨 Supports HEX, RGB(A), HSL(A), color-mix() • ⚡ Zero configuration • 🔄 Automatic scanning & rebuilds • 💾 Smart caching • ✅ Tailwind CSS v3 & v4 compatible

📦 Installation

🚀 Setup

Tailwind CSS v4

Tailwind CSS v3

🎨 Examples

HEX

RGB

RGBA

HSL

HSLA

CSS color-mix()

🛠 Supported Utilities

| Utility | CSS Property |

| bg-* | Background Color | | text-* | Text Color | | border-* | Border Color | | outline-* | Outline Color | | ring-* | Ring Color | | shadow-* | Shadow Color | | fill-* | SVG Fill | | stroke-* | SVG Stroke | | accent-* | Accent Color | | caret-* | Caret Color | | decoration-* | Text Decoration Color | | placeholder-* | Placeholder Color | | divide-* | Divide Color | | from-* | Gradient Start | | via-* | Gradient Middle | | to-* | Gradient End |

🤝 Contributing

Contributions and feature requests are welcome!

1. Fork the repository 2. Create a new branch 3. Make your changes 4. Submit a Pull Request

📄 License

MIT License.

Made with ❤️ by Sneh Moradia

⭐ If this project helped you, consider giving it a star!

Description from the npm listing.

  • tailwindcss
  • tailwind
  • tailwindcss-plugin
  • plugin
  • hex
  • hex-color
  • dynamic-colors
  • gradient
  • tailwind-v4
  • css

Where tailwindcss-hexcolor sits in the listing

Each band is one page of 20. Weekly downloads on a log scale. Placement is projected from weekly downloads, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.

All npm2,248 listings · 113 pages · page 104, #8 (overall #2068)
All npm: every listing in weekly downloads order
PNG SVG
Tailwind plugins251 listings · 13 pages · page 10, #12 (overall #192)
Tailwind plugins: every listing in weekly downloads order
PNG SVG

Charts

Images: 30d · 1y · all time · 1600×900 dark

Adoption over time

tailwindcss-hexcolor weekly downloads on npm, last 90 days: 4 weekly downloads as of Oct 17, 2026, -66.7% over 90 days.tailwindcss-hexcolorWeekly downloads on npm · Last 90 days4downloads / week-66.7% over 90 days0246810121416Jul 19Aug 3Aug 18Sep 2Sep 17Oct 2Oct 17downloads / weekobservedarchived (Internet Archive)no observationsJul 20, 2026 – Oct 17, 2026 · 90 observations · Updated Oc…pluginstats.com
tailwindcss-hexcolor weekly downloads on npm, last 90 days: 4 weekly downloads as of Oct 17, 2026, -66.7% over 90 days.
PNG SVG

7/30/90-day growth

tailwindcss-hexcolor weekly downloads growth on npm: 0.0% over 7 days, -63.6% over 30 days, -66.7% over 90 days.tailwindcss-hexcolorWeekly downloads growth on npm4downloads / week now7-day growth+0 weekly downloads0.0%30-day growth-7 weekly downloads-63.6%90-day growth-8 weekly downloads-66.7%Growth vs. nearest observation to each baseline date · Updated Oct 17, 2026pluginstats.com
tailwindcss-hexcolor weekly downloads growth on npm: 0.0% over 7 days, -63.6% over 30 days, -66.7% over 90 days.
PNG SVG

Ranking history

tailwindcss-hexcolor npm ranking history: currently #2067 (by weekly downloads).tailwindcss-hexcolornpm ranking · by weekly downloads · Last 90 days#2067current rank#2065#2066#2067#2068#2069Jul 20Aug 4Aug 19Sep 3Sep 18Oct 3Oct 18rankOct 18, 2026 – Oct 18, 2026 · 1 observations · Updated Oct 17, 2026pluginstats.com
tailwindcss-hexcolor npm ranking history: currently #2067 (by weekly downloads).
PNG SVG

Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.

Recent observations

Full history (121)
Recent weekly downloads observations for tailwindcss-hexcolor
Date (UTC)Weekly downloadsChange vs. previous
40
40
40
4-2
60
6+2
40
4-2
6-6
12-1
13+2
110
11-2
13—

Similar npm Tailwind plugins plugins

Data source

Weekly downloads (trailing 7 complete days) come from the official npm downloads API. Downloads include CI and mirrors and are not equivalent to installs or users. npm publishes no ratings.

Listing: https://www.npmjs.com/package/tailwindcss-hexcolor. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.