MAGETWO-89658: Add validation check and rule

 - added validation for color inputs

Author: Robert He

app/code/Magento/Ui/view/base/ui_component/etc/definition/colorPicker.xsd

@@ -29,7 +29,7 @@
                 <xs:annotation>
                     <xs:documentation>
                         Defines the color format that is displayed in selection tool as well as in input field.
-                        Valid formats: hex, rgb, hsl, name, none
+                        Valid formats: hex, rgb, hsl, hsv, name, none
                     </xs:documentation>
                 </xs:annotation>
             </xs:element>

app/code/Magento/Ui/view/base/web/js/lib/validation/rules.js

@@ -973,7 +973,7 @@ define([
 
                 return tinycolor(value).isValid();
             },
-            $.mage.__('Wrong color format.')
+            $.mage.__('Wrong color format. Please specify color in HEX, RGBa, HSVa, HSLa or use color name.')
         ],
         'blacklist-url': [
             function (value, param) {