Herramientas de diseño (ES)
16 free herramientas de diseño tools — instant, private, no sign-up
Comprobador de contraste de color
Verifique la relación de contraste WCAG entre los colores de primer plano y de fondo.
Abrir herramienta →Filtro CSS y generador de efectos de imagen
Cree visualmente efectos de filtro de imagen CSS que incluyen desenfoque, brillo, contraste, escala de grises, rotación de tono, inversión y sepia con vista previa en vivo.
Abrir herramienta →Generador de códigos QR
Cree códigos QR personalizados con colores, tamaños y superposición de logotipos opcional.
Abrir herramienta →Generador de favicones
Genera favicons de 16×16, 32×32 y 180×180 a partir de tu logotipo.
Abrir herramienta →Generador de fondo SVG de patrón
Cree patrones de fondo CSS fluidos y copie el código.
Abrir herramienta →Generador de formas y triángulos CSS
Genere bordes CSS puros y triángulos de ruta de clip con direcciones, dimensiones, colores personalizados y resultados de fragmentos CSS listos para usar.
Abrir herramienta →Generador de gradiente
Cree degradados lineales y radiales CSS y copie el código.
Abrir herramienta →Generador de paleta de colores
Genera paletas de colores armoniosas a partir de un color base.
Abrir herramienta →Generador de radio de borde CSS
Cree visualmente valores de radio de borde CSS y copie el fragmento.
Abrir herramienta →Generador de sombras de cuadros CSS
Cree visualmente valores de sombra de cuadro CSS y copie el fragmento.
Abrir herramienta →Generador de texto degradado CSS
Cree texto degradado CSS llamativo con paradas de color lineales y radiales, controles de ángulo y CSS de clip de fondo para varios navegadores.
Abrir herramienta →Lector de escáner de código QR
Escanea y decodifica códigos QR desde la cámara o imágenes cargadas.
Abrir herramienta →Limpiador de código y minificador SVG
Minimice y optimice los gráficos vectoriales SVG eliminando metadatos redundantes, comentarios, artefactos del editor y precisión de coordenadas de colapso.
Abrir herramienta →Probador de cursor CSS y generador de estilos
Pruebe y obtenga una vista previa de todos los valores de propiedades del cursor CSS de forma interactiva y genere reglas CSS personalizadas para el cursor con opciones alternativas.
Abrir herramienta →Selector de color
Elija colores de una rueda o muestree píxeles de cualquier imagen cargada.
Abrir herramienta →Simulador de daltonismo
Simule cómo se ven las imágenes con tipos comunes de daltonismo.
Abrir herramienta →