Retrieve RGB color values from Pixels property

[simonaferrara]

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/picture/pixels.html)

?

Thanks

Simona

[Marsha_R]

@simonaferrara 

1) I don't 'see a particular example for retrieving the color, but my first thought would be to try $get in the example that says $set

2) Just a hint for the future, URLs are great to include in a post but don't put ( ) around them or that becomes part of the link and we can't click it.  🙂

@sonya_m  I couldn't find a "retrieve color" example in here even though the header of the article mentions it.  Could you point it out or get us one?  Thanks.

https://support.smartbear.com/testcomplete/docs/reference/program-objects/picture/pixels.html

[AlexKaras]

Hi Simona,

If I got your question right...

Below VBScript function creates color number based on RGB.

You can revert it to get RGB values out of color number.

Function RGB(ByVal r, ByVal g, ByVal b)
  RGB = r + (g * 256) + (b * 65536)
End Function

[simonaferrara]

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 · Accepted solution]

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

[sonya_m]

Thanks a lot Alex and Marsha!

I've contacted the doc team, they will add an example to the page in question.

@simonaferrara please try what Alex is suggesting here + here's a page that can be of help: - https://support.smartbear.com/testcomplete/docs/scripting/colors.html 

[simonaferrara]

@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]

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