🎨Herramientas de media y color en línea

Calcula una relación de aspecto (16:9…) y deriva una dimensión proporcional que falte.

Genera un código de barras (EAN-13, Code128, UPC) a partir de un valor, descargable, en tu navegador.

Decodifica un data URI o Base64 en una imagen visualizable y descargable, en tu navegador.

Crea esquinas redondeadas en CSS (border-radius) con vista previa en vivo y código listo para copiar.

Genera una sombra CSS box-shadow con vista previa en vivo y código listo para copiar.

Haz transparente un color de fondo (pantalla verde/azul) y exporta un PNG, en tu navegador.

Convierte un color entre HEX, RGB y HSL, con vista previa en vivo.

Elige el color de un píxel haciendo clic directamente sobre una imagen importada (HEX, RGB), en tu navegador.

Genera una escala de matices y tintes a partir de un único color base.

Extrae los colores dominantes de una imagen importada para crear una paleta, en tu navegador.

Comprueba la relación de contraste entre dos colores y el cumplimiento WCAG AA / AAA.

Genera un valor CSS clamp() fluido (tipografía responsive) entre dos tamaños de viewport.

Crea un gradiente CSS (lineal o radial) con vista previa en vivo y código listo para copiar.

Genera una animación CSS @keyframes (fundido, deslizamiento, rebote…) con vista previa y código.

Personaliza una barra de desplazamiento CSS (ancho, colores, radio) y obtén el código.

Genera un spinner / cargador CSS animado (tamaño, color, velocidad) con vista previa.

Genera un triángulo CSS (truco de bordes) con dirección, tamaño y color.

Convierte unidades CSS (px, rem, em, pt) con una base configurable.

Genera un favicon PNG a partir de un emoji, en varios tamaños, directamente en tu navegador.

Consulta los metadatos EXIF de una foto (cámara, fecha, GPS) sin subirla.

Genera un favicon (PNG de 16/32/48/180 px) a partir de una imagen importada, en tu navegador.

Divide un GIF animado en fotogramas PNG descargables, directamente en tu navegador.

Genera un efecto de glassmorphism CSS (cristal esmerilado) con vista previa y código listo para copiar.

Aplica un desenfoque a una imagen (radio ajustable) y descarga el resultado, en tu navegador.

Enmarca una imagen con un borde del color y grosor elegidos, descargable, en tu navegador.

Ajusta el brillo y el contraste de una imagen y descarga el resultado, en tu navegador.

Comprime una imagen (JPG/WebP, control de calidad) para reducir su tamaño, sin subirla.

Convierte una imagen entre PNG, JPG y WebP directamente en tu navegador, sin subirla.

Recorta una imagen dibujando el área directamente con el ratón y luego descárgala.

Aplica dithering (Floyd-Steinberg, efecto retro) a una imagen, en tu navegador.

Convierte una imagen a escala de grises (blanco y negro) y descárgala, en tu navegador.

Invierte los colores de una imagen (negativo) y descarga el resultado, en tu navegador.

Añade grano/ruido a una imagen (efecto película) y descarga el resultado, en tu navegador.

Pixela una imagen (tamaño de píxel ajustable) y descarga el resultado, en tu navegador.

Reduce el número de colores de una imagen (posterizar) y descarga el resultado, en tu navegador.

Redimensiona una imagen (ancho/alto, mantener proporción) sin subirla y luego descárgala.

Rota (90/180/270°) y voltea (espejo) una imagen y luego descárgala, sin subirla.

Redondea las esquinas de una imagen (radio ajustable) y exporta un PNG transparente, en tu navegador.

Aplica un filtro sepia (efecto vintage) a una imagen y descárgala, en tu navegador.

Enfoca una imagen (convolución) y descarga el resultado, en tu navegador.

Convierte una imagen en ASCII art (caracteres según el brillo), directamente en tu navegador.

Convierte una imagen (PNG, JPG, GIF, WebP) en una cadena Base64 / data URI, sin subirla.

Convierte una imagen en un archivo .ico multitamaño (favicon de Windows), directamente en tu navegador.

Añade una marca de agua de texto a una imagen (posición y opacidad ajustables), descargable, en tu navegador.

Genera un código QR a partir de un texto, una URL o un enlace, y descárgalo.

Genera una sombra de texto CSS (text-shadow) con vista previa en vivo y código listo para copiar.

Convierte texto en una imagen PNG descargable (fuente, colores, fondo), en tu navegador.

Lee texto en voz alta con la síntesis de voz de tu navegador (FR/EN, selección de voz).