Tailwind Color Visualizer is a powerful CLI tool designed for developers working with TypeScript and JSX files. This tool scans your codebase for Tailwind arbitrary color values and visualizes them. It offers a comprehensive suite of features aimed at optimizing your color usage and enhancing your project's design consistency.

Key Features

• Scan TypeScript and JSX files for Tailwind arbitrary color values.

• Visualize colors in a beautiful web interface, providing a clear overview of your project's color palette.

• Suggest CSS variable consolidation for duplicate colors, helping to streamline your stylesheets.

• Detect similar colors and suggest merges using Delta E color difference, ensuring a cohesive color scheme.

• Statistics on color usage across your codebase, offering insights into your design patterns.

Installation is straightforward with npm or npx, and the tool supports a variety of color formats including Hex, RGB, RGBA, HSL, and HSLA. Tailwind Color Visualizer is an open-source project, inviting contributions from the developer community to further enhance its capabilities.