Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Tailwind CSS Color FinderNew to Visual Studio Code? Get it now.
Tailwind CSS Color Finder

Tailwind CSS Color Finder

navtoj

|
825 installs
| (1) | Free
Find the closest tailwind color for a hex value in your code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tailwind CSS Color Finder

A VS Code extension to find the closest tailwind color for a hex value in your code.

Usage

Simply select some text and run the command.

Any hex color values (#EF4444) will be replaced with tailwind colors (red-500).

Before

Extension Command

After

Extension Command

Suggestion

Assign a keyboard shortcut for the command.

Keyboard Shortcut

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft