How to translate RGB color to new BABYLON.Color3(x, x, x) ?

[lindylex]

How do I translate RGB color to new BABYLON.Color3(x, x, x) ? 

I would like this color R : 33 G : 87 B : 179  it is also represented as html value #2157B3 converted to BABYLON.Color3(x, x, x) ? 

Thanks

[Samuel Girardin]

Hi, 

You can use this in typescript to convert a html color. But I'm almost sure babylon can handle that in a simpler way.

 HexToRGB(hex: string): BABYLON.Color3 {

        var r = HexToR(hex) / 255;
        var g = HexToG(hex) / 255;
        var b = HexToB(hex) / 255;

        return new BABYLON.Color3(r, g, b);
    }

   HexToR(h) { return parseInt((CutHex(h)).substring(0, 2), 16) }
   HexToG(h) { return parseInt((CutHex(h)).substring(2, 4), 16) }
   HexToB(h) { return parseInt((CutHex(h)).substring(4, 6), 16) }
   CutHex(h) { return (h.charAt(0) == "#") ? h.substring(1, 7) : h }

 

[lindylex]

Samuel, thanks much for your assistance!

[lindylex]

Samuel, I can do it like this. 

new BABYLON.Color4.FromHexString("#FD6304FF");

 Thanks for helping. 

[jerome]

if your initial values are just R,G, B integers lower or equal to 255, the r,g,b values expected by BJS are then :

r = R / 255

g = G /255

b = B / 255

[GameMonetize]

https://github.com/BabylonJS/Babylon.js/blob/master/src/Math/babylon.math.ts#L221

 

[Vijay Kumar]

mesh..diffuseColor = new BABYLON.Color3( 33 / 255, 87 / 255,179/255);

[lindylex]

Thanks everyone.  This was confusing me greatly.