Image GrayScale
RGB AVERAGE AND LUMA COEFFICIENT
Ahora podremos ver como se puede obtener una imagen a escala de grises a partir del Promedio de los componentes RGB de una imagen
y el calculo del coeficiente Luma. Para ello la informacion de las ecuaciones esta basada en la pagina de wikipedia HSL and HSV
, por lo tanto podermos ver como aplicar esto en P5.js para modificar la luminancia de la imagen y obtener los resultados esperados.
Para obtener una imagen a escala de grises por medio del siguiente programa, solo deberemos acceder al componente RGB de cada pixel de la imagen,
hacer el cálculo para el Promedio RGB o el coeficiente Luma usando las expresiones mostradas a continuacion y por último colocar el valor obtenido en los componentes RGB del pixel.
Comandos por Teclado
Tecla | Operacion | Expresion |
---|---|---|
![]() |
Original | (R,G,B) |
![]() |
Media Aritmetica | I = Avg(R,G,B) |
![]() |
Componente mas grande | M = Max(R,G,B) |
![]() |
Rango Medio | L = (max(R,G,B)+min(R,G,B))/2 |
![]() |
Luma Y601 | Y601 = 0.2989*R + 0.5870*G + 0.1140*B |
![]() |
Luma Y240 | Y240 = 0.212*R + 0.701*G + 0.087*B |
![]() |
Luma 709 | Y709 = 0.2126*R + 0.7152*G + 0.0722*B |
![]() |
Luma 2020 | Y2020 = 0.2627*R + 0.6780*G + 0.0593*B |