Using JavaScript or jQuery, how can I get the RGB color where ever the mouse is moving specially in >

Question

I have an image, . I am trying to get the RGB color when ever or where ever I move my mouse cursor.

How can I do

Answer 1

You can't get the color of point of an image only with JavaScript ( without the Canvas support ). You need some server-side.

For example: you have a jpg image. You point somewhere, click. An event-listener should send to the server the coordinates and a server-side application will determine what the color is ( the image should be present on the server, of course). see http://muffinresearch.co.uk/code/javascript/pickr/

For your example - the image is read and displayed by a canvas element. An event-listener gets the coordinates of the click and with getImageData() gets a copy of the pixel. The data property contains info for a red, green, blue, and alpha component.