Image GrayScale

RGB AVERAGE AND LUMA COEFFICIENT

  • 02 Oct

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

Software Processing

Video GrayScale

Rgb Average and luma coefficient, Frame rate

Image Convolution Matrix

Blur, Sharpen, Emboss, Edge Detection,Unsharp and more.

Video Convolution Matrix

Blur, Sharpen, Emboss, Edge Detection,Unsharp, Framerate and more.

Image Segmentation

Graphical representation of the tonal distribution