Herramientas de Diseño
Toma un color de la pantalla, construye degradados CSS, genera códigos QR y de barras, previsualiza SVG, comprueba píxeles muertos o encuentra el tono de fondo adecuado. Tareas visuales rápidas que no necesitan un programa de diseño completo.
Herramientas de Diseño
Selector de Color
Selector de color en línea gratuito con conversión de formatos HEX, RGB, HSL. Genera paletas de colores, obtiene colores web
Generador de Gradientes
Generador de gradientes CSS en línea gratuito para crear fondos de gradiente lineal y radial. Ajuste visual de colores, copia código CSS con un clic.
Generador de Código QR
Generador de código QR en línea gratuito soportando texto, URL, tipos vCard. Personaliza estilo, color, tamaño
Generador de Código de Barras
Generador de código de barras online gratuito. Soporta formatos CODE128, EAN13, EAN8, UPC, CODE39, ITF14.
Prueba de Pantalla
Herramienta de prueba de pantalla en línea gratuita para detectar píxeles muertos, puntos brillantes y sangrado de luz.
Generador de Fondo de Color Sólido
Genera imágenes de fondo de color sólido en línea. Personaliza color y tamaño con preajustes (1080p, 2K, 4K), descarga como PNG/JPG.
Visor SVG
Visor y editor SVG en línea con vista previa en tiempo real. Edita código SVG, visualiza cambios al instante y descarga archivos SVG.
Vista previa de fuentes
Previsualiza tu texto en cualquier fuente instalada en este dispositivo o sube un archivo TTF, OTF, WOFF o WOFF2. Ajusta tamaño, peso, espaciado y color, y copia el CSS listo para usar. Todo en el navegador.
Qué permite hacer esta categoría
Las herramientas de diseño ayudan a crear e inspeccionar activos visuales: colores, degradados, códigos QR, códigos de barras, pruebas de pantalla, colores sólidos y vista previa de SVG. Están orientadas al trabajo de interfaz de usuario, entrega para impresión y comprobación de pantalla, no a la compresión de mapas de bits ni a la conversión de documentos ofimáticos.
La mayoría de las herramientas procesan la entrada en el navegador cuando es posible. En el caso de archivos, tokens, documentos o comprobaciones de red, revisa la herramienta elegida antes de usar datos sensibles.
Casos de uso habituales
- Elegir colores, crear degradados o mostrar un color sólido mientras se preparan activos de interfaz de usuario.
- Generar códigos QR o códigos de barras para etiquetas, pósteres, datos de prueba o material de entrega.
- Previsualizar marcado SVG y ejecutar pruebas de pantalla para píxeles muertos, bloques de color o uniformidad.
Preguntas frecuentes
¿Por qué los colores se ven diferentes en otra pantalla?
La calibración, el perfil de color, el brillo y el tipo de panel afectan al color percibido.
¿Qué debo comprobar antes de imprimir un código QR?
Prueba el tamaño final, el contraste, la zona de silencio y el material. La distorsión puede hacer que el escaneo no sea fiable.
¿Son siempre seguros los archivos SVG para previsualizar?
Trata los SVG desconocidos como no confiables, ya que el SVG puede contener contenido activo según el renderizado.
¿Se pueden copiar los degradados generados a CSS?
Generalmente sí, pero el soporte de navegadores antiguos o la sintaxis específica del proyecto pueden requerir ajustes.
Categorías relacionadas
Imágenes
Reduce fotos demasiado grandes sin perder calidad, convierte por lotes entre PNG, JPEG y WebP, añade marcas de agua de texto, pasa a escala de grises, crea fotos tamaño carné o graba tu pantalla. Una mezcla de herramientas que funcionan en el navegador (marca de agua, escala de grises, Base64) y conversiones procesadas en el servidor (cambio de formato, compresión) — los archivos subidos se eliminan justo después del procesamiento.
Hardware
¿Una tecla pegada? ¿Un píxel muerto? ¿El micrófono no capta? Antes de comprar un reemplazo, haz una comprobación rápida. Prueba cada tecla, verifica la tasa de refresco de tu pantalla, confirma que la cámara y el micrófono funcionan, o mide el ruido ambiente con el decibelímetro.
Herramientas de Desarrollo
Las pequeñas cosas que consumen el día del desarrollador: consultar códigos HTTP, generar UUIDs, escribir expresiones cron, verificar tipos MIME, analizar User-Agent o generar tipos de TypeScript desde JSON. Marca esta página — es más rápido que rebuscar en la documentación.
