https://github.com/slimani-dev/tailwind-css-color-matcher

find the closes match to your color from the tailwind css color pallet
https://github.com/slimani-dev/tailwind-css-color-matcher

Last synced: over 1 year ago
JSON representation

find the closes match to your color from the tailwind css color pallet

• Host: GitHub
• URL: https://github.com/slimani-dev/tailwind-css-color-matcher
• Owner: slimani-dev
• Created: 2021-11-21T02:27:38.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-09T23:08:13.000Z (about 3 years ago)
• Last Synced: 2025-02-24T07:07:31.360Z (over 1 year ago)
• Language: Vue
• Size: 118 KB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Tailwind CSS color matcher

put your Hex Code here and edit the ranges to find the closes match to your color from the tailwind css color pallet,

I'm using the HSL value to compare and find the best match for the color you are looking for. 

The Background of the result section will use the input value as color, this will help you compare visually to see the best match

![](./public/screen-shot.png)

## Link

[Tailwind CSS color matcher](https://moh-slimani.github.io/tailwind-css-color-matcher)

## Licence

- MIT

## Author

- [Mohamed Slimani](https://slimani.dev)