Herramientas Manual de campo Acerca de

105 herramientas IT gratis/Diseño

Herramientas de diseño gratuitas

Degradados, paletas de colores, sombras, favicons y ayudas de maquetación para diseñadores y desarrolladores front-end. Gratis, al instante y en privado: todo funciona en tu navegador.

18 herramientas gratuitas

🎨Paleta de Colores

Extrae paletas de colores de imágenes o genera esquemas de colores armoniosos para tus proyectos.

▫Generador de Favicon

Crea favicons a partir de texto, emojis o imágenes. Exporta todos los tamaños para web y móvil.

🎯Convertidor de Colores

Convierte colores entre HEX, RGB, HSL y CMYK con vista previa en tiempo real.

Genera texto de marcador en párrafos, oraciones o palabras con longitud personalizable.

16:9Calculadora de Relación de Aspecto

Calcula relaciones de aspecto con modo de bloqueo, presets comunes y calculadora de redimensionamiento.

AaVerificador de Contraste

Verificador de contraste de accesibilidad WCAG. Conformidad AA/AAA, sugerencias de colores, vista previa de UI en tiempo real.

□Imagen de Marcador

Genera imágenes de marcador personalizadas con colores, texto, patrones y degradados. Exportación a PNG y SVG.

Pega SVG, visualízalo renderizado, optimiza el tamaño del archivo, edita colores y exporta como SVG/PNG/data-URI.

✦Constructor de Animaciones CSS

Diseña animaciones CSS visualmente. Editor de keyframes, curvas de temporización, presets y código CSS generado.

🌈Texto con Degradado

Aplica efectos de degradado CSS al texto. De 2 a 4 puntos de color, control de dirección, presets. Copia el CSS.

▪Generador de Box Shadow

Diseña sombras CSS visualmente. Múltiples capas, inset, presets para neumorfismo y glassmorfismo.

🖥Mockup de Captura de Pantalla

Coloca capturas de pantalla dentro de marcos de dispositivos — MacBook, iPhone, iPad, navegador. Fondo, sombra, exportación a PNG.

TtCalculadora de Escala Tipográfica

Genera escalas tipográficas con vista previa visual. Presets de Material, Tailwind y Bootstrap. Exportación a CSS.

⊟Calculadora de Espaciado

Genera escalas de espaciado consistentes. Vista previa visual, presets de 4px/8px, exportación de propiedades personalizadas CSS.

◠Generador de Border Radius

Editor visual de border-radius. Arrastra las esquinas o escribe valores. Presets: pastilla, círculo, blob. Código CSS generado.

◐Editor de Filtros CSS

Editor visual de filtros CSS. Desenfoque, brillo, contraste, rotación de tono y más con vista previa en tiempo real.

📏Regla de Píxeles

Regla superpuesta en pantalla. Arrastra para medir distancias en píxeles. Verifica el espaciado en diseños.

🖼Imágenes Aleatorias

Genera fotos de marcador aleatorias con dimensiones personalizadas usando patrones canvas. Descarga en PNG.

Más categorías

Agent Ops (10)Código (39)Administración (9)Productividad (9)Marketing (8)Negocios (8)Ver las 105 herramientas