https://github.com/ImBIOS/tailwind-color-filter-generator

Generate custom css and tailwind filter property to achieve any target color 🎨
https://github.com/ImBIOS/tailwind-color-filter-generator

app converter filter generator hacktoberfest hex-to-css-filter tailwindcss

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ImBIOS/tailwind-color-filter-generator
• Owner: ImBIOS
• License: mit
• Created: 2022-12-19T09:42:13.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-10-26T07:48:04.000Z (about 1 year ago)
• Last Synced: 2024-05-01T17:29:09.220Z (6 months ago)
• Topics: app, converter, filter, generator, hacktoberfest, hex-to-css-filter, tailwindcss
• Language: JavaScript
• Homepage: https://tailwind-color-filter-generator.imbios.dev/
• Size: 29.3 KB
• Stars: 17
• Watchers: 2
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: license

Awesome Lists containing this project

README

        
# 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](https://tailwind-color-filter-generator.imbios.dev/)

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](./license)