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.
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.