Buscador de colores Tailwind - Encuentre el color Tailwind CSS más cercano
Encuentre las clases de color Tailwind CSS v3 más cercanas para cualquier color que elija
Herramientas de color
Tool
5 Closest Tailwind Colors
indigo-500
#6366f1
Δ 0
indigo-600
#4f46e5
Δ 40
violet-500
#8b5cf6
Δ 42
blue-500
#3b82f6
Δ 49
indigo-400
#818cf8
Δ 49
Cómo usar
1Use el selector de color o escriba un valor HEX
2La herramienta calcula la distancia euclidiana en el espacio de color RGB para cada color Tailwind
3Se muestran los 5 colores Tailwind más cercanos con sus nombres de clase y valores hex
4Copie el nombre de clase directamente en su proyecto Tailwind
Preguntas frecuentes
La herramienta incluye la paleta predeterminada completa de Tailwind CSS v3, que cubre todos los colores con nombre (slate, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose) en todos los pasos de tonalidad (50–900).
La cercanía se mide por la distancia euclidiana en el espacio de color RGB: sqrt((r1-r2)² + (g1-g2)² + (b1-b2)²). Una distancia menor significa que los colores se ven más similares.
¡Sí! Cuando un diseñador le da un código hex, esta herramienta le permite encontrar rápidamente el equivalente Tailwind más cercano para mantenerse dentro del sistema de diseño.