Conversor de colores Tailwind

Funciones

• Nombre de clase Tailwind a hex / rgb / hsl
• hex, rgb() y hsl() a un valor y al nombre Tailwind más cercano
• Paleta predeterminada v3 incorporada: 22 familias × 11 tonos más blanco y negro, 244 valores
• El nombre de clase puede llevar prefijo de utilidad (bg-, text-, border-t- …) y sufijo de opacidad como /50
• Color más cercano por distancia RGB ponderada con redmean, con la distancia indicada
• Acepta hex de 3 dígitos (#abc) y rgb/rgba, hsl/hsla
• Delante de cada valor se dibuja una muestra de color
• Convierte varias líneas a la vez y cópialas una por una

Cómo se usa

1. Escribe un valor de color o un nombre de clase Tailwind por línea
2. Elige el formato de salida (hex, rgb, hsl, Tailwind o todo)
3. La conversión y el nombre más cercano aparecen al momento
4. Usa el botón de copiar de una fila para llevarte solo ese valor

Preguntas frecuentes

¿Cómo se calcula el color «más cercano»?

Con una distancia RGB ponderada por redmean: se toma la diferencia en cada uno de los tres canales y luego se pondera por la media del canal rojo. Es mucho más sensato que comparar cadenas hex (que trataría dos azules que difieren en un dígito como ajenos) y más cercano a la percepción humana que una distancia euclídea simple en RGB (el ojo es más sensible al verde y menos al azul). No es un CIEDE2000 de gestión de color, pero basta de sobra para elegir el más cercano entre 244 candidatos.

¿Por qué algunos colores no tienen clase correspondiente?

Porque la paleta incorporada es la predeterminada de Tailwind y no incluye los colores que hayas definido tú. Si cambiaste la paleta en `tailwind.config`, el nombre más cercano refleja solo la predeterminada, pero aun así te dice aproximadamente en qué familia y qué tono cae el color.

¿Qué notaciones de color acepta?

Hex (3 o 6 dígitos, con o sin `#` inicial), `rgb()` / `rgba()`, `hsl()` / `hsla()` y nombres de clase de Tailwind. Reconoce tanto la forma separada por espacios como por comas.

¿Se sube algo?

No. La paleta y las conversiones se ejecutan en el navegador y la página no hace ninguna petición.