HUD Elements: Materials - Separating RGB from textures and turning them into custom colors

Don’t know where else to reach out, but I’m trying to make each of the R, G, and B colors for this (customizeable) HUD element to be separated, and painted separately into a custom color. But I just don’t know where to start.

I want to make the Red parts of the texture to be able, to be changed into Blue, while Green parts (darker green = texture has an alpha and overlays with black background) to be turned into White, and compile them all into a Final Color.

Failed to get a reply, but I think I almost figured it out.
Did some experimenting on the Reference RGB Texture Strip, but with the current setup, the White color on it is affected (turned pinkish). Unless that’s normal, (I wanted it to remain White - unaffected) then I guess I did something wrong.

Screenshot:


Graph:

White has a value of (1,1,1) so it is being included in each channel output and multiplied by all of the colors you are using and blended together.

So, if I understand, that’s pretty normal? If not, what should I change in the setup, to make the Grayscale colors (White, Gray and Black) from the texture unaffected, but RGB only and keep each RGB channel customizeable?

It is the expected behavior for the way you are separating the colors. In order to stop it from happening you would need to mask or otherwise mathematically sperate the white or grayscale colors from the rest.
There are a few ways to do this.

Pure white can easily be detected because it has a known vector magnitude. You can measure the “length” of the RGB value. Any pixel with a length of 3 is pure white.

If you want to detect any grays as well, you need something more robust. Grays can have any length, but what they have in common is all of the components of the vector will be the same length. For example, (0.5,0.5,0.5). So you could test if the length of each component is equal, and if they are, it is on the grayscale.

I managed to figure some things out and did some changes to the setup. Took me couple of days of experimentation. But not without more problems that doesn’t affect the white color. When either two out of three Color Parameters are all black, the White color is slightly or barely noticeably colored in the same color, but with either brighter or darker hue.

I need to have the visual representation of what should I do, I can’t learn otherwise.

Graphshot:


Screenshot: Before Darkening Two Colors

Screenshot: After Darkening Two Colors

Screenshot: All colors almost darkened