Tailwind Color Convert Extension

This extension allows you to convert CSS color values to the closest matching Tailwind CSS color. The extension is easy to use and will help you to seamlessly convert your colors into Tailwind compatible colors.

Features

• Convert CSS color values to the nearest Tailwind CSS color.
• Add the converted Tailwind CSS color to your clipboard automatically.
• Display the distance between the original color and the converted Tailwind CSS color.

Usage

1. Highlight the CSS color value you want to convert.
2. Right-click to open the context menu.
3. Select 'Convert to Tailwind Color'.
4. If a matching Tailwind color is found, it is added to your clipboard and a message is displayed showing the distance between the original and the converted color.
5. If no matching color is found, a message is displayed indicating this.

Installation

1. Open Visual Studio Code
2. Press Ctrl+P to open the Quick Open dialog
3. Type ext install your-extension-id to install the extension.
4. Reload Visual Studio Code
5. The extension is now ready to use!

Please replace your-extension-id with the actual id of your extension.