16:9
Maquetacion
Calculadora de proporcion
Simplifica proporciones, convierte dimensiones y previsualiza tamanos adaptables para pantallas, medios y especificaciones.
Directorio de herramientas
Herramientas
Elige una categoria, abre una utilidad enfocada y avanza tus decisiones de produccion.
Maquetacion
Utilidades para dimensiones, proporciones y especificaciones responsivas.
Color
Pruebas y vistas previas para paletas accesibles, contraste y roles de color UI.
AA
Color
Verificador de contraste de color
Prueba colores de texto y fondo contra umbrales WCAG para texto legible y componentes de interfaz resistentes.
TOKENS
Color
Probador de paletas de color
Asigna colores de paleta a roles UI reales, previsualiza secciones web y detecta problemas de accesibilidad.
Interaccion
Herramientas de estados para foco, hover, deshabilitado, seleccionado y alertas.
STATES
Interaccion
Probador de estados e interacciones UI
Previsualiza botones, formularios, tarjetas, navegacion, alertas y foco antes de publicar tu interfaz.
Imagenes
Ayudas locales para inspeccionar metadatos, prompts y detalles de imagen.
EXIF
Imagenes
Metadatos de imagen
Inspecciona detalles de archivo, datos EXIF, perfiles de color, prompts de IA y metadatos ComfyUI en una vista clara.
IMG
Imagenes
Editor y compresor de imagenes
Redimensiona, recorta, filtra, reduce paletas, convierte y comprime imagenes localmente en el navegador.
Generadores
Generadores en navegador para assets, snippets y archivos utiles listos para produccion.
QR
Generadores
Generador de codigos QR
Crea codigos QR con estilos, payloads, logos centrales, revision de escaneo y exportacion PNG, JPG o SVG.
HTML
Generadores
Exportador HTML
Pega HTML de infografias creado con IA, previsualizalo en un sandbox y exportalo como PNG o PDF de una pagina.