¿Hay alguna función que convierta los colores rgb directamente en su verdadera forma de escala de grises?
function rgbToGrayscale(red, green, blue) { const gray = [] /* ---- CONVERSION CODE ---- */ return gray } // color const rgb = [20, 150, 240] // grayscale conversion const gray = rgbToGrayscale(rgb[0], rgb[1], rgb[2]) // [121, 121, 121]Agradecería mucho si alguien puede encontrar una respuesta simple a este problema.
Gracias a @Spektre y @Teemu, la función ahora funciona. También encontré útil este artículo dentro del enlace stackoverflow de @Spektre.
Si desea una conversión de color en escala de grises económica, simplemente sume los números y divídalos por tres:
function rgbToGrayscale(red, green, blue) { const gray = (red + green + blue) / 3 return [gray, gray, gray] } const gray = rgbToGrayscale(20, 150, 240) // [136.6, 136.6, 136.6]Pero debido a que nuestros ojos mezclan la luz y el color , la gente ha descubierto que, para nosotros, el azul es más tenue que el rojo y el rojo es más tenue que el verde . Así, se han creado y refinado múltiples fórmulas que equilibran los colores para el ojo humano.
Este es uno que me pareció bastante bueno:
function rgbToGrayscale(red, green, blue) { /* remember: if you multiply a number by a decimal between 0 and 1, it will make the number smaller. That's why we don't need to divide the result by three - unlike the previous example - because it's already balanced. */ const r = red * .3 // ------> Red is low const g = green * .59 // ---> Green is high const b = blue * .11 // ----> Blue is very low const gray = r + g + b return [gray, gray, gray] } const rgb = [20, 150, 240] const gray = rgbToGrayscale(rgb[0], rgb[1], rgb[2]) console.log(rgb) console.log(gray)