Conversor de Color a Tailwind CSS

Sobre esta herramienta

Encuentra el color más cercano de la paleta estándar de Tailwind CSS (el framework de utilidades CSS más usado en el desarrollo web moderno) a partir de cualquier color HEX o seleccionado visualmente, mostrando el nombre exacto de la clase de utilidad (como 'bg-blue-500' o 'text-emerald-600') junto con su código HEX oficial y la distancia de color respecto a tu color original. Muy útil para desarrolladores que reciben un diseño de Figma o Photoshop con colores exactos en HEX y necesitan encontrar la clase de Tailwind más parecida para mantener consistencia con el sistema de diseño del framework, en vez de usar colores arbitrarios con la sintaxis de corchetes de Tailwind. Incluye toda la paleta estándar de Tailwind (grises, rojos, azules, verdes y demás, en sus variantes de 50 a 950). Todo el cálculo de distancia de color ocurre en tu navegador de forma instantánea.