tailwind-color-filter-generator icon indicating copy to clipboard operation
tailwind-color-filter-generator copied to clipboard

Generate custom css and tailwind filter property to achieve any target color 🎨

Tailwind CSS Color Filter Generator: Generate and Copy Custom Filters in Seconds

Easily generate custom color filters for your Tailwind CSS projects. This tool provides an intuitive interface for generating a CSS filter that will colorize your elements just the way you want.

🚀 Quick Start

  1. 🌍 Visit the Tailwind CSS Color Filter Generator
  2. 🎨 Input your desired color
  3. 🖱️ Hit the "Get Filter!" button multiple times for the most accurate result
  4. 📋 Copy the generated filter and use it in your project

✨ Features

  • [x] Generate custom color filters tailored for Tailwind CSS
  • [ ] Instantly copy the generated filter to your clipboard
  • [x] Keep track of prediction history for future reference
  • [x] Rank previous predictions by their accuracy
  • [ ] Persist your prediction history between sessions

🤝 Contributing

Feel free to open issues or PRs!

License

MIT