Forum Discussion

simonaferrara's avatar
simonaferrara
Frequent Contributor
4 years ago

Retrieve RGB color values from Pixels property

Hi all,   how can I retrieve the RGB values (red-green-blue) from the returned integer value of picture Pixels property (https://support.smartbear.com/testcomplete/docs/reference/program-objects/pi...
  • AlexKaras's avatar
    AlexKaras
    4 years ago

    Hi,

     

    If RGB = r + (g * 256) + (b * 65536), then for

    colorElement == 9118312 (untested code snippet):

     

    var b = Math.floor(colorElement / 65536); // == 139

    var g = Math.floor((colorElement - b * 65536) / 256); // == 34

    var r = colorElement - b * 65536 - g * 256; // == 104

    // 104 + (34 * 256) + (139 * 65536) == 9118312

    // RGB(104, 34, 139) == colorElement

     

simonaferrara's avatar
simonaferrara
Frequent Contributor
4 years ago

The question is that I don't know how to retrieve the RGB values from the integer values that is returned by Pixels property.

The javascript code that I've implemented is like this:

 

let colorElement = canvas.Picture(697, 23, 249, 23, false);
let x = colorElement.Size.Width - 10;
let y = colorElement.Size.Height - 10;
let color = colorElement.Pixels(x, y);

 

When executing this code, the color variable contains the following value:

9118312

 

How can I have the RGB values (r,g,b) from this integer number?

 

AlexKaras your example is great to have the vice-versa (given the r,g,b, have the integer number) but I don't know how can I do the reverse (given the integer number, have the r,g,b).

 

Marsha_R thanks for your hint for urls in post and to ask for a documentation for my question.

 

Regards,

Simona 

 

  • AlexKaras's avatar
    AlexKaras
    Champion Level 3
    4 years ago

    Hi,

     

    If RGB = r + (g * 256) + (b * 65536), then for

    colorElement == 9118312 (untested code snippet):

     

    var b = Math.floor(colorElement / 65536); // == 139

    var g = Math.floor((colorElement - b * 65536) / 256); // == 34

    var r = colorElement - b * 65536 - g * 256; // == 104

    // 104 + (34 * 256) + (139 * 65536) == 9118312

    // RGB(104, 34, 139) == colorElement

     

    • simonaferrara's avatar
      simonaferrara
      Frequent Contributor
      4 years ago

      AlexKaras thank you so much!

      Your solution works perfectly! 

       

      sonya_m I confirm you that the Alex code is ok!

       

      Thank you to add it to the documentation, it can be very useful also for other people!

       

      Regards,

      Simona

       

      • sonya_m's avatar
        sonya_m
        SmartBear Alumni (Retired)
        4 years ago

        Thank you for getting back to confirm this worked for you simonaferrara !