▚ toolbin_

🎨Herramientas de media y color en línea

Esta categoría reúne las herramientas de media y color para diseñadores y desarrolladores: procesamiento de imágenes, generadores CSS de degradados y sombras, paletas de colores y verificador de contraste. Crea visuales y CSS accesibles, gratis y sin subir tus imágenes.

▸ Calculadora de relación de aspecto 16:9 y dimensiones

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

▸ Generador de códigos de barras: EAN-13, Code128, UPC

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

▸ Decodificador de Base64 a imagen online, descarga el archivo

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

▸ Generador de border-radius CSS

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

▸ Generador de box-shadow CSS

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

▸ Eliminar croma: borra el fondo de pantalla verde

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

▸ Simulador de daltonismo: prueba tus imágenes y colores

Simula cómo se ve una imagen para distintos tipos de daltonismo (protanopía, deuteranopía, tritanopía, acromatopsia).

▸ Conversor de color

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

▸ Elige el color de un píxel de una imagen (selector de color)

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

▸ Generador de paletas de colores

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

▸ Extraer una paleta de colores de una imagen

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

▸ Verificador de contraste WCAG

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

▸ Generador CSS clamp() para tipografía fluida

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

▸ Generador de filtros CSS con vista previa en vivo

Genera la propiedad CSS filter (blur, brillo, contraste, sepia, tono) con vista previa en vivo.

▸ Generador de gradientes CSS

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

▸ Generador de animaciones CSS @keyframes con vista previa

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

▸ Generador de barra de desplazamiento CSS personalizada

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

▸ Generador de spinner y cargador CSS animado

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

▸ Generador de triángulo CSS con bordes

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

▸ Conversor de unidades CSS px rem em pt

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

▸ Genera un favicon a partir de un emoji (PNG/ICO)

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

▸ Ver los metadatos EXIF de una foto (GPS, fecha, cámara)

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

▸ Generador de favicon: crea un favicon a partir de una imagen

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

▸ Extractor de fotogramas de GIF para descargar imágenes PNG

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

▸ Generador de glassmorphism CSS (efecto cristal esmerilado)

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

▸ Desenfoca una imagen en línea (radio ajustable)

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

▸ Añade un borde a una imagen en línea gratis

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

▸ Ajusta el brillo y el contraste de una imagen en línea

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

▸ Comprimir imagen

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

▸ Conversor de imágenes

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

▸ Recortar imagen

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

▸ Herramienta de dithering de imágenes para efectos de píxel retro

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

▸ Convertir imagen a escala de grises en línea (gratis)

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

▸ Invertir colores de imagen (negativo) en línea

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

▸ Añadir grano o ruido a una imagen en línea

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

▸ Pixelar una imagen en línea (tamaño de píxel ajustable)

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

▸ Posterizar imagen en línea: reducir el número de colores

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

▸ Redimensionar imagen

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

▸ Rotar y voltear imagen

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

▸ Redondear esquinas de imagen en línea (PNG transparente)

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

▸ Aplicar filtro sepia a una imagen en línea (gratis)

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

▸ Enfocar imagen en línea: mejora la claridad de la foto

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

▸ Convertir una imagen a ASCII art en línea

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

▸ Conversor de imagen a Base64

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

▸ Convertir imagen a archivo ICO en línea, favicon de Windows

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

▸ Añadir una marca de agua de texto a una imagen online

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

▸ Generador de neumorphism (soft UI) en CSS

Genera un efecto de neumorfismo CSS (soft UI) con vista previa en vivo y código listo para copiar.

▸ Generador de códigos QR en línea

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

▸ Generador de blobs SVG orgánicos y aleatorios

Genera formas de blob SVG orgánicas y aleatorias con código SVG listo para copiar o descargar.

▸ Generador de patrones SVG repetibles para fondos

Genera patrones SVG repetibles (puntos, cuadrícula, damero, galones, diagonales) para tus fondos.

▸ Generador de olas SVG para separadores de sección

Genera separadores de sección con ondas SVG (altura, amplitud, frecuencia, color), con exportación.

▸ Generador de CSS text-shadow con vista previa

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

▸ Convertir texto en imagen PNG en línea

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

▸ Texto a voz en línea: lee texto en voz alta gratis

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

Frequently asked questions

¿Cómo verificar el contraste de los colores?

El verificador de contraste calcula la relación entre dos colores e indica si cumple los criterios de accesibilidad WCAG AA y AAA.

¿Mis imágenes se suben a un servidor?

No. El procesamiento de imágenes se realiza localmente en tu navegador: tus archivos permanecen privados y nunca se envían en línea.