A free tool for Tailwind CSS color collections that supports multiple formats, transparency, and prefix settings, you can set different property values, click on the color block, and copy the color with one click.
π¨ Tailwind Colors Tool: Simplifying Your Workflow!
To help you quickly access and utilize colors from Tailwind CSS, weβve launched the Tailwind Colors Tool! π
β¨ What Can This Tool Do?
1. Custom Prefixes π οΈ
Set your desired prefix, such as "bg-". When you copy a color, the result will be "bg-amber-400", ready to paste directly into your code!
2. Multiple Formats π¨
Choose the format that fits your needs:
RGB π
HEX π¦
HSL π
Tailwind Classes π‘
3. Adjust Transparency π
Fine-tune opacity levels to get the exact look you need.
π±οΈ Once everything is set, just click on a color block, and the color will be copied instantly! Itβs that simple!
Start saving time and coding more efficiently with the Tailwind Colors Tool. β¨