Generadores y Diseño

37 Herramientas · Herramienta online gratuita

• Herramienta de Color

  Convertir formatos de color y generar paletas.

• Generador de Gradientes CSS

  Generar gradientes CSS con vista previa en vivo.

• Generador de Código QR

  Generar códigos QR a partir de texto o URLs.

• Generador de Arte ASCII

  Convertir texto a arte ASCII.

• Estimador de Tokens

  Estimar la cantidad de tokens LLM para texto.

• Generador de Código QR WiFi

  Generar códigos QR para conectarse a redes WiFi.

• Generador de Lorem Ipsum

  Generar texto de marcador de posición Lorem Ipsum.

• Tonos de Color

  Generar tintes y sombras de cualquier color.

• Generador de UUID v7

  Generar identificadores UUID versión 7 ordenados por tiempo (RFC 9562).

• Analizador de Certificados PEM

  Analizar certificados X.509 desde formato PEM e inspeccionar campos.

• Generador de Código de Barras

  Generar códigos de barras CODE128/EAN/UPC como PNG/SVG.

• Generador de Código Data Matrix

  Generar códigos 2D Data Matrix (cuadrícula de puntos cuadrada).

• Generador de Código Aztec

  Generar códigos 2D Aztec, comunes en billetes.

• Generador de Código de Barras PDF417

  Generar códigos de barras apilados PDF417 con gran capacidad de datos.

• Generador de Paleta de Colores

  Generar paletas complementarias/análogas/triádicas desde un color semilla.

• Generador de CSS Box Shadow

  Generar visualmente CSS box-shadow con vista previa en vivo.

• Generador de CSS Border Radius

  Ajustar visualmente radio de cuatro esquinas y generar CSS.

• Generador de Flexbox

  Generar visualmente CSS de diseño flexbox.

• Generador de CSS Grid

  Arrastrar para generar CSS de diseño grid-template.

• Generador de CSS Transform

  Generar visualmente translate/rotate/scale/skew.

• Generador de Animación CSS

  Editar visualmente keyframes y generar @keyframes.

• Generador de CSS Text Shadow

  Generar CSS multi-capa de text-shadow.

• Generador de Imagen de Marcador de Posición

  Generar imágenes de marcador con tamaño/color/texto personalizados.

• Generador de Avatar

  Generar avatares geométricos identicon a partir de cadenas.

• Generador de Patrón de Rayas

  Generar patrones de rayas SVG/Canvas con dirección ajustable.

• Generador de Patrón de Puntos

  Generar patrones de fondo de cuadrícula de puntos, exportar SVG.

• Generador de Patrón de Ruido

  Generar imágenes de textura de ruido Perlin/aleatorio.

• Esquema de Color desde Imagen

  Extraer colores dominantes de la imagen para generar paleta.

• Generador de Skeleton Loader

  Generar CSS de animación de carga de skeleton screen.

• Generador de Glassmorphism

  Generar CSS de efecto de vidrio esmerilado (desenfoque + transparencia).

• Generador de Neumorphism

  Generar CSS de estilo de UI neumórfico.

• Generador de CSS Clip-Path

  Dibujar rutas visualmente para generar clip-path.

• Generador de Cubic Bezier

  Ajustar visualmente curva bezier para generar función de easing.

• Generador de CSS Easing

  Generar y previsualizar CSS transition-timing-function.

• Buscador de Color Tailwind

  Encontrar la clase de paleta de color Tailwind más cercana para un color.

• Selector de Color Material

  Selector de paleta de colores Material Design, salida de valores de color.

• Generador de Forma de Polígono

  Generar SVG y clip-path de polígono/estrella.