NativeScript
diff --git a/‎apps/tests/color-tests.ts‎
Lines changed: 34 additions & 0 deletions b/‎apps/tests/color-tests.ts‎
Lines changed: 34 additions & 0 deletions
diff --git a/‎color/color-common.ts‎
Lines changed: 25 additions & 3 deletions b/‎color/color-common.ts‎
Lines changed: 25 additions & 3 deletions
@@ -73,6 +73,40 @@ export var test_ArgbInt_Color = function () {
     TKUnit.assert(color.argb === _parseArgb(100, 100, 100, 100), "Color.argb not properly parsed");
 }
 
+export var test_rgb_Color_CSS = function () {
+    // <snippet module="color" title="color">
+    // ### Creating a Color from four RGB values
+    // ``` JavaScript
+    //// Creates the color with 255 red, 100 green, 100 blue
+    var color = new Color("rgb(255, 100, 100)");
+    // ```
+    // </snippet>
+    TKUnit.assert(color.a === 255, "Color.a not properly parsed");
+    TKUnit.assert(color.r === 255, "Color.r not properly parsed");
+    TKUnit.assert(color.g === 100, "Color.g not properly parsed");
+    TKUnit.assert(color.b === 100, "Color.b not properly parsed");
+    TKUnit.assert(color.hex === _buildHex(255, 255, 100, 100), "Color.hex not properly parsed");
+    TKUnit.assert(color.argb === _parseArgb(255, 255, 100, 100), "Color.argb not properly parsed");
+}
+
+export var test_rgba_Color_CSS = function () {
+    var alpha = 0.5;
+    var expected = Math.round(alpha * 255);
+    // <snippet module="color" title="color">
+    // ### Creating a Color from four RGB values
+    // ``` JavaScript
+    //// Creates the color with 255 red, 100 green, 100 blue and 0 alpha
+    var color = new Color(`rgba(255, 100, 100, ${alpha})`);
+    // ```
+    // </snippet>
+    TKUnit.assert(color.a === expected, "Color.a not properly parsed");
+    TKUnit.assert(color.r === 255, "Color.r not properly parsed");
+    TKUnit.assert(color.g === 100, "Color.g not properly parsed");
+    TKUnit.assert(color.b === 100, "Color.b not properly parsed");
+    TKUnit.assert(color.hex === _buildHex(expected, 255, 100, 100), "Color.hex not properly parsed");
+    TKUnit.assert(color.argb === _parseArgb(expected, 255, 100, 100), "Color.argb not properly parsed");
+}
+
 var _buildHex = function (a: number, r: number, g: number, b: number): string {
     return "#" + _componentToHex(a) + _componentToHex(r) + _componentToHex(g) + _componentToHex(b);
 }
 
@@ -18,15 +18,18 @@ export class Color implements definition.Color {
         if (arguments.length === 1) {
             var arg = arguments[0];
             if (types.isString(arg)) {
-                if (knownColors.isKnownName(arg)) {
+                if(isRgbOrRgba(arg)){
+                    this._argb = argbFromRgbOrRgba(arg);
+                } else if (knownColors.isKnownName(arg)) {
                     // The parameter is a known color name
                     this._hex = knownColors.getKnownColor(arg);
                     this._name = arg;
+                    this._argb = this._argbFromString(this._hex);
                 } else {
                     // The parameter is a "#AARRGGBB" formatted string
                     this._hex = this._normalizeHex(arg);
+                    this._argb = this._argbFromString(this._hex);
                 }
-                this._argb = this._argbFromString(this._hex);
             } else if (types.isNumber(arg)) {
                 // The parameter is a 32-bit unsigned integer where each 8 bits specify a color component
                 this._argb = arg;
@@ -121,7 +124,7 @@ export class Color implements definition.Color {
             return true;
         }
 
-        return HEX_REGEX.test(value);
+        return HEX_REGEX.test(value) || isRgbOrRgba(value);
     }
 
     private _buildHex(): string {
@@ -165,3 +168,22 @@ export class Color implements definition.Color {
         return hexStr;
     }
 }
+
+function isRgbOrRgba(value: string) : boolean {
+    var toLower = value.toLowerCase();
+    return (toLower.indexOf("rgb(") === 0 || toLower.indexOf("rgba(") === 0) && toLower.indexOf(")") === (toLower.length - 1);
+}
+
+function argbFromRgbOrRgba(value: string) : number {
+    var toLower = value.toLowerCase();
+    var parts = toLower.replace("rgba(", "").replace("rgb(", "").replace(")", "").trim().split(",");
+
+    var r = parseInt(parts[0] && parts[0].trim());
+    var g = parseInt(parts[1] && parts[1].trim());
+    var b = parseInt(parts[2] && parts[2].trim());
+
+    var a = Math.round((parseFloat(parts[3] && parts[3].trim()) || 1) * 255);
+
+    // Format is ARGB, so alpha takes the first 8 bits, red the next, green the next and the last 8 bits are for the blue component
+    return (a << 24) | (r << 16) | (g << 8) | b;
+}