Emparejar colores de marca con Tailwind
La paleta por defecto de Tailwind es discreta. Encontrar el tono más cercano ayuda a elegir una clase rápido o decidir cuándo un color personalizado en el tema encaja mejor.
Introduce un color hex para ver el tono Tailwind por defecto más cercano y su hex—útil al alinear colores de marca con la paleta stock.
Tailwind más cercano
Completa los campos del formulario.
Cambia modos si existen.
Copia la salida cuando esté bien (a menudo en vivo).
La paleta por defecto de Tailwind es discreta. Encontrar el tono más cercano ayuda a elegir una clase rápido o decidir cuándo un color personalizado en el tema encaja mejor.
Completa los campos en Conversor de Color a Tailwind. La salida se genera en el navegador.
Deja opcionales vacíos para un resultado mínimo.
Siempre que sea posible, Conversor de Color a Tailwind procesa tus datos localmente con JavaScript en esta página. Borradores, secretos y trabajo en curso se quedan en tu dispositivo por defecto. Usa este flujo cuando no quieras subir texto sensible, tokens, contraseñas o archivos a un servicio de terceros.
Empareja con la paleta por defecto común de Tailwind v3 (slate a rose, más negro/blanco), no con el tema extendido de tu proyecto.
Una distancia menor indica una coincidencia RGB más cercana al tono Tailwind seleccionado.
En la mayoría de las herramientas de FlyUtils, no. El procesamiento ocurre en tu navegador con JavaScript. Si alguna necesita servidor, se indicará claramente en la página.
Sí. Conversor de Color a Tailwind es gratis, sin registro y sin límites artificiales para uso personal y profesional habitual.
Sí. La página es mobile-first: puedes pegar contenido, ajustar opciones y copiar resultados desde el teléfono o la tablet.