Paleta de Tailwind
Conversor de colores Tailwind - Encuentra la clase más cercana
Convierte cualquier color Hex, RGB o HSL al color más cercano de la paleta de Tailwind CSS y copia las clases bg, text, border y ring.
Colores de Tailwind más cercanos
Cómo usar esta herramienta
Pega un color de marca o de diseño y encuentra el color más parecido de la paleta de Tailwind. La herramienta ordena los colores cercanos, muestra su distancia y genera nombres de clases utilitarias que puedes copiar en tu marcado.
- 1 Introduce un color de tu diseño.
- 2 Compara las coincidencias más cercanas de la paleta de Tailwind.
- 3 Copia las clases utilitarias bg, text, border o ring.
Preguntas frecuentes
¿La coincidencia es exacta?
Solo si la entrada es igual a un valor de la paleta de Tailwind. En otro caso, la herramienta devuelve los colores de Tailwind más cercanos.
¿Cómo se ordenan las coincidencias?
Los colores se comparan en el espacio perceptual OKLab, que suele parecerse más al juicio humano que la distancia RGB.
¿Puedo usarlo con colores de marca propios?
Sí. Usa el color de Tailwind más cercano para prototipos rápidos o copia tu color original en un token de tema personalizado de Tailwind.
¿Qué clases de Tailwind se generan?
La herramienta genera las clases utilitarias bg-, text-, border- y ring- más habituales para el color de la paleta más cercano.