Selector de colores y generador de paletas
Elija colores en formatos HEXADECIMALES, RGB y HSL; genere paletas de colores y degradados armoniosos.
Diseño y Gráficos
43 herramientasOptimización visual, sistemas de color y herramientas de diseño digital
43 Herramientas
Selector de color de imagen y cuentagotas
Sube fotos o gráficos y haz clic en cualquier píxel para probar los códigos de color HEXADECIMALES y RGB exactos.
Generador de códigos QR personalizados
Genera códigos QR PNG y SVG de alta resolución para sitios web, redes Wi-Fi, texto y tarjetas de contacto.
Generador de iconos de favicon y aplicación
Genera iconos de Apple Touch de 16x16, 32x32, 180x180 e iconos de PWA de Android desde tu logotipo.
PNG transparente y eliminador de fondo
Elimina los fondos de pantalla blancos, negros o verdes y convierte las imágenes en PNG transparentes.
Vista previa de la maqueta del dispositivo adaptable al sitio web
Vista previa y prueba de sitios web adaptables dentro de los marcos de dispositivos MacBook, iPad y iPhone.
Generador de memes y subtítulos en línea
Crea memes divertidos y fotos con subtítulos con texto de impacto superior e inferior en imágenes personalizadas.
Generador de banners de arte y texto ASCII
Convierte texto a tipografía de banner ASCII o transforma fotos en arte de caracteres ASCII.
Redimensionador y escalador de imágenes
Cambia el tamaño de las imágenes por píxeles exactos o porcentaje con bloqueo de relación de aspecto, control de calidad y ajustes preestablecidos de redes sociales.
Probador de micrófono y cámara web
Pruebe el volumen de entrada de su micrófono con un medidor de decibelios en tiempo real y verifique la resolución de la transmisión de video de la cámara web de forma segura.
Comprobador de contraste de color WCAG
Verifique las combinaciones de texto y color de fondo según los estándares de contraste de accesibilidad WCAG 2.1 AA y AAA.
Generador de gradientes CSS
Diseñe gradientes lineales y radiales con ángulos personalizables, paletas de colores de varias paradas y salida CSS lista para usar.
Generador de Sombras CSS y Bordes Redondeados
Configura visualmente efectos box-shadow multicapa y border-radius para tus elementos web.
Generador de códigos de barras (código 128 / código 39)
Genera códigos de barras de código 128 y código 39 de alta resolución a partir de texto o números con dimensiones personalizadas y descarga PNG.
Convertidor de color universal (HEX, RGB, HSL, CMYK)
Convierta los valores de color sin problemas entre los formatos HEX, RGB, HSL y CMYK listos para imprimir.
Convertidor de SVG a PNG (alta resolución)
Convierte gráficos vectoriales SVG en imágenes PNG nítidas a cualquier escala de resolución.
Optimizador y Minificador de SVG
Reduce el tamaño de archivos SVG eliminando metadatos innecesarios, comentarios y optimizando trazados.
Reductor de Tamaño y Compresor de Imágenes (KB / MB)
Reduce el peso de tus imágenes (KB/MB) sin pérdida visible de calidad en tu navegador.
Herramienta de rotación y volteo de imágenes (horizontal / vertical)
Gira las fotos en el sentido de las agujas del reloj o en sentido contrario a las agujas del reloj y voltea horizontal o verticalmente.
Censor de imagen y herramienta de desenfoque de privacidad (Pixelate / Redactar)
Desenfoque, pixelado o oscurecimiento de caras, matrículas y credenciales privadas en las imágenes.
Generador de Glassmorphism CSS
Diseña modernas tarjetas y paneles con efecto de vidrio esmerilado translúcido usando backdrop-filter.
Generador de Neumorfismo CSS (Soft UI)
Diseña componentes Soft UI y efectos neumórficos con sombras interiores y exteriores extruidas.
Generador y Diseñador de CSS Flexbox
Experimenta y genera visualmente estructuras CSS Flexbox con control de dirección, alineación y espaciado.
Generador de diseños de cuadrícula CSS
Estructura visualmente diseños de cuadrícula CSS receptivos con columnas, filas y huecos personalizados.
Previsualizador de favicon y probador multiplataforma
Prueba cómo se ve tu favicon en las pestañas del navegador, los resultados de SERP de búsqueda de Google y las pantallas de inicio para móviles.
Generador de animación de fotogramas clave CSS
Crea animaciones de fotogramas clave CSS suaves (rebote, pulso, sacudida, volteo) con duración y tiempo personalizables.
Paleta de colores y generador de armonía (complementario, triádico)
Genera paletas de colores armoniosas: complementarias, análogas, triádicas, tetrádicas y monocromáticas.
Generador de Imágenes Placeholder SVG
Crea imágenes placeholder SVG ligeras y personalizadas con dimensiones, colores y tipografía a tu gusto.
Calculadora de proporción áurea
Divide dimensiones y escalas tipográficas con la proporción áurea.
Generador CSS clip-path
Crea formas de recorte CSS con vista previa y estilos copiables.
Generador de gradientes de malla CSS
Diseña fondos multipunto con gradientes radiales CSS.
Simulador de visión cromática
Muestra transformaciones cromáticas aproximadas para comparar diseños.
Calculadora de relación de aspecto
Calcula y simplifica proporciones desde medidas en píxeles.
Calculadora de impresión DPI/PPI
Calcula tamaño físico de impresión desde píxeles y DPI/PPI.
Visualizador y analizador de trazados SVG
Visualiza atributos de trazado SVG y examina sus comandos.
Probador de cursores CSS
Selecciona cursores CSS nativos y prueba su aspecto.
Editor de filtros CSS
Combina filtros CSS y previsualiza su efecto.
Ajuste de colores web-safe (216)
Aproxima colores RGB/HEX al color web-safe más cercano.
Ondas SVG y separadores de secciones
Diseña fondos SVG ondulados y separadores de secciones.
Tipografía fluida CSS con clamp()
Calcula valores clamp() para tipografía y espacios entre los anchos elegidos.
Escala de colores Tailwind de 50 a 950
Genera una escala de tonos para Tailwind a partir de un color base.
Diseñador de barras de desplazamiento CSS
Diseña barras de desplazamiento y genera CSS para navegadores compatibles.
Patrones SVG de puntos y cuadrícula
Genera fondos SVG con puntos, cuadrículas y colores ajustables.