Saltar al contenido

Ajuste de brillo y color

Brightness & Colour Adjust

Regula brillo, contraste, saturación, temperatura y nitidez con un histograma en vivo.

Dos familias de ajustes que suelen mezclarse y no deberían. El grupo de arriba son las funciones de filtro de CSS, calculadas exactamente como las define la especificación, así que el CSS impreso debajo produce la misma imagen en un navegador. El grupo de abajo es fotográfico —exposición, balance de blancos, gamma— y trabaja en luz lineal, donde esas operaciones están definidas de verdad.

🔒 Se ejecuta por completo en tu navegadorfilteradjustphotocolor

Suelta una foto

Los ajustes se ejecutan en esta pestaña. Las imágenes grandes tardan un momento; no se sube nada.

Cómo se usa

  1. Ajusta y copia el CSS

    Cualquier cosa del grupo de arriba aparece en la cadena de filter bajo el panel. Pégala en una hoja de estilos y el navegador renderizará lo que ves aquí.

  2. Usa exposición en vez de brillo para una fotografía

    La exposición va en pasos: +1 duplica la luz, que no es lo mismo que duplicar el valor del píxel. En una fotografía se comporta como lo hace una cámara.

  3. Vigila las cifras de recorte

    Un pico en cualquiera de los extremos del histograma es un intervalo de 256 e invisible en el gráfico, así que los porcentajes se imprimen al lado.

Preguntas frecuentes

¿Por qué están aquí tanto brillo como exposición?

Son operaciones distintas. `brightness()` multiplica los valores de código sRGB, que es lo que hace un navegador; la exposición multiplica la luz, que es lo que hace una cámara. La primera es reproducible en CSS y la segunda es correcta en una fotografía.

¿Puedo recuperar el cielo quemado?

No. Recortado significa que cada píxel de ahí es 255 y no queda nada que distinguir. Bajar la exposición convierte el blanco en gris sin traer de vuelta ninguna nube.

¿Qué hace la intensidad (vibrance) que no haga la saturación?

Pondera el aumento según lo saturado que ya esté el píxel, así que un cielo apagado se mueve mucho y los tonos de piel se mueven poco. La saturación simple mueve todo por igual, que es lo que vuelve naranjas las caras.

Puede recibir de

Después

Estas aceptan lo que produce esta herramienta, así que el resultado puede pasar directamente.