Clases
flex p-4
CSS
display:flex; padding:...
Herramientas para desarrolladores
Tailwind a CSS — expansión de clases utility
Expande listas de clases de Tailwind CSS en declaraciones CSS nativas equivalentes para migración, revisiones y aprender qué utilities se aplican realmente.
TailwindCSSConvertir
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
开发工具
Tailwind a CSS
Casos de uso
- Migra de Tailwind a CSS plano
- Inspecciona el mapeo clase-a-propiedad
- Revisa estilos durante la revisión de código
Cómo usar
- Introduce uno o más nombres de clase
- Lee el CSS generado
- Copia las reglas necesarias
Entrada y salida de ejemplo
FAQ
¿Colores de tema personalizado?
La cobertura del tema predeterminado es la más fuerte; la configuración profunda personalizada puede necesitar tu referencia de tailwind.config.
¿Relación con css-to-tailwind?
Esto expande clases a CSS; la herramienta inversa sugiere clases a partir de CSS.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
CSS a Tailwind
CSS a Tailwind — Mapeador de declaraciones
Pega declaraciones CSS y mápealas a clases utilitarias de Tailwind cuando sea posible. Las reglas comunes de maquetación, espaciado y color se convierten en clases estándar; los valores sin coincidencia recurren a la sintaxis de valor arbitrario.
CSS Tailwind Convertir
Conversor de unidades CSS
Conversor de unidades CSS — px, rem, em, vw
Convierte entre px, rem, em, pt, vw, vh y %. Personaliza el tamaño de fuente raíz, el tamaño de fuente del contenedor padre y el tamaño de la ventana gráfica para trabajos adaptables y entregas de diseño a código.
CSS Unidades Conversión
Chuleta de colores Tailwind
Chuleta de colores Tailwind — Tablero completo de escalas
Explora las escalas de color de Tailwind CSS (incluidos los pasos 50–950) en un solo tablero. Busca por nombre, escala o HEX y copia nombres de clases utilitarias o valores HEX sin procesar para proyectos CSS.
Diseño Tailwind CSS