Accept string as color input

examples/icon.js

@@ -2,7 +2,6 @@ goog.require('ol.Feature');
 goog.require('ol.Map');
 goog.require('ol.Overlay');
 goog.require('ol.View');
-goog.require('ol.color');
 goog.require('ol.geom.Point');
 goog.require('ol.layer.Tile');
 goog.require('ol.layer.Vector');
@@ -24,7 +23,7 @@ var iconStyle = new ol.style.Style({
     anchor: [0.5, 46],
     anchorXUnits: 'fraction',
     anchorYUnits: 'pixels',
-    color: ol.color.asArray('#8959A8'),
+    color: '#8959A8',
     opacity: 0.75,
     src: 'data/icon.png'
   }))

externs/olx.js

@@ -6040,7 +6040,7 @@ olx.style.FillOptions.prototype.color;
  *     anchorOrigin: (ol.style.IconOrigin|undefined),
  *     anchorXUnits: (ol.style.IconAnchorUnits|undefined),
  *     anchorYUnits: (ol.style.IconAnchorUnits|undefined),
- *     color: (ol.Color|undefined),
+ *     color: (ol.Color|string|undefined),
  *     crossOrigin: (null|string|undefined),
  *     img: (Image|HTMLCanvasElement|undefined),
  *     offset: (Array.<number>|undefined),
@@ -6097,7 +6097,7 @@ olx.style.IconOptions.prototype.anchorYUnits;
 
 /**
  * Color to tint the icon. If not specified, the icon will be left as is.
- * @type {ol.Color|undefined}
+ * @type {ol.Color|string|undefined}
  * @api
  */
 olx.style.IconOptions.prototype.color;

src/ol/style/iconstyle.js

@@ -129,7 +129,8 @@ ol.style.Icon = function(opt_options) {
   /**
    * @type {ol.Color}
    */
-  var color = options.color !== undefined ? options.color : null;
+  var color = options.color !== undefined ? ol.color.asArray(options.color) :
+      null;
 
   /**
    * @private