Brillo y Contraste de Imagen
Ajuste en tiempo real —
Por favor selecciona una imagen
Tu imagen nunca se envía al servidor. Todo el procesamiento ocurre en tu navegador.
También te puede interesar
Descripción
Herramienta gratuita para ajustar brillo, contraste, saturación y temperatura de color en tiempo real. Ideal para corregir fotos oscuras, mejorar imágenes de productos o ajustar colores antes de publicar en redes sociales.
Todo el procesamiento usa Canvas API — sin envío al servidor. Edición no destructiva: la imagen original se mantiene en memoria.
Cómo usar
Seleccionar imagen
Elige la foto que deseas editar
Ajusta los controles
Mueve los controles de Brillo, Contraste, Saturación y Temperatura. Los cambios aparecen instantáneamente
Guardar imagen
Elige PNG o JPEG y haz clic en Guardar
Glosario
- Brillo
- Desplaza todos los valores de píxeles uniformemente. Los valores positivos añaden una constante a cada canal RGB aumentando el brillo. Útil para corregir subexposición.
- Contraste
- Extiende o comprime el rango tonal. Los valores positivos hacen que los píxeles claros sean más claros y los oscuros más oscuros, aumentando la profundidad percibida.
- Saturación
- Controla la viveza del color. En -100 la imagen queda en escala de grises. Calculado con luminancia Luma ponderada (R×0,2126 + G×0,7152 + B×0,0722).
- Temperatura de color
- Desplaza la imagen entre tonos cálidos (naranja/rojo) y fríos (azul). Los valores positivos aumentan el canal rojo y reducen el azul, simulando luz solar cálida.
- Canvas API
- API nativa del navegador HTML5 para dibujar y manipular gráficos a nivel de píxel sin comunicación con el servidor.
- ImageData
- Buffer de píxeles en bruto de un contexto Canvas. Cada píxel se representa con cuatro bytes (R, G, B, A) en un Uint8ClampedArray que limita los valores a 0–255.
- Edición no destructiva
- Los datos de imagen originales se conservan por separado. Los ajustes se re-aplican desde el original cada vez que cambia un control, sin degradación de calidad.
- Luma (luminancia)
- Ponderación perceptual de los canales RGB (R×0,2126 + G×0,7152 + B×0,0722). Usar luma como base garantiza cambios de saturación de aspecto natural.
- Uint8ClampedArray
- Array tipado donde los valores se limitan automáticamente a 0–255. Garantiza que los cálculos intermedios fuera de rango produzcan siempre valores de píxel válidos.
- requestAnimationFrame
- API del navegador que programa una devolución antes del siguiente repintado. Usado como mecanismo de debounce para que el procesamiento de píxeles solo corra una vez por fotograma.
FAQ
- Q.¿Qué ajustes puedo hacer?
- Puedes ajustar Brillo, Contraste, Saturación y Temperatura de color. Cada control va de -100 a +100 y actualiza la vista previa en tiempo real.
- Q.¿Puedo deshacer cambios?
- Sí. Haz clic en Restablecer para volver todos los controles a 0. Los datos originales se mantienen en memoria.
- Q.¿Mi imagen se envía a un servidor?
- No. Todo el procesamiento se realiza localmente usando Canvas API. Tus datos nunca salen de tu dispositivo.
- Q.¿Qué formatos son compatibles?
- JPEG, PNG, WebP, GIF, BMP y cualquier formato que tu navegador pueda mostrar.
- Q.¿La imagen guardada mantiene la resolución original?
- Sí. La imagen final se procesa con la resolución completa del original.
- Q.¿Funciona en smartphones?
- Sí. Totalmente responsivo y funciona con entrada táctil en iOS Safari y Android Chrome.
- Q.¿Puedo convertir a blanco y negro?
- Sí. Lleva el control de Saturación a -100 para obtener un resultado en escala de grises.
- Q.¿Cómo hago una foto más cálida?
- Mueve el control de Temperatura hacia la derecha. Esto aumenta el canal rojo y reduce el azul.
- Q.¿Puedo ajustar varios parámetros a la vez?
- Sí. Todos los controles son independientes y sus efectos se combinan.
- Q.¿Funciona con imágenes grandes?
- Sí, hasta el límite de Canvas API. La vista previa usa una copia reducida para mayor fluidez; al guardar siempre se usa la resolución completa.
Casos de uso
Corregir fotos oscuras
Aclara fotos tomadas en interiores o contra la luz
Ajuste para redes sociales
Mejora la saturación y el calor antes de publicar en Instagram
Optimización de productos
Mejora el contraste de imágenes de productos para e-commerce
Estilo retro / vintage
Reduce la saturación y añade calidez para un aspecto de película
Enviar comentarios
Déjenos saber su opinión para ayudarnos a mejorar la herramienta.
Los comentarios están temporalmente suspendidos
El servidor está ocupado o la protección contra spam está activa. Inténtelo más tarde.