¿Qué es Buscador de colores Tailwind?

Tailwind Color Finder toma cualquier color hexadecimal y encuentra al instante la clase de utilidad de Tailwind CSS más cercana. En lugar de comparar paletas de colores a ojo, pega un código hex de tu herramienta de diseño y obtén el nombre exacto de la clase Tailwind para usar en tu código.

Cómo usar

1. Introduce un código de color hexadecimal de tu maqueta de diseño o selecciona un color usando el selector de colores.
2. La herramienta muestra al instante la clase de color Tailwind CSS más cercana con una comparación visual lado a lado.
3. Copia el nombre de la clase Tailwind (por ejemplo, bg-blue-500) directamente en tu código. Revisa la distancia de color para evaluar la precisión de la coincidencia.

Resultado

Tu diseñador te entrega el color de marca #2563EB. Pégalo y la herramienta muestra que coincide exactamente con blue-500. Para #3A7BC8, encuentra sky-600 como la coincidencia más cercana con una puntuación de distancia que indica qué tan próximo es.

Herramientas relacionadas