Devtools Color: Basic support for #RRGGBBAA and #RGBA

third_party/WebKit/Source/devtools/front_end/ui/ColorSwatch.js

 // Copyright (c) 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {HTMLSpanElement}
  */
 WebInspector.ColorSwatch = function()
 {
@@ skipping 100 matching lines @@
  * @param {!WebInspector.Color} color
  * @param {string} curFormat
  */
 WebInspector.ColorSwatch._nextColorFormat = function(color, curFormat)
 {
     // The format loop is as follows:
     // * original
     // * rgb(a)
     // * hsl(a)
     // * nickname (if the color has a nickname)
-    // * if the color is simple:
-    //   - shorthex (if has short hex)
-    //   - hex
+    // * shorthex (if has short hex)
+    // * hex
     var cf = WebInspector.Color.Format;
 
     switch (curFormat) {
         case cf.Original:
             return !color.hasAlpha() ? cf.RGB : cf.RGBA;
 
         case cf.RGB:
         case cf.RGBA:
             return !color.hasAlpha() ? cf.HSL : cf.HSLA;
 
         case cf.HSL:
         case cf.HSLA:
             if (color.nickname())
                 return cf.Nickname;
-            if (!color.hasAlpha())
-                return color.canBeShortHex() ? cf.ShortHEX : cf.HEX;
-            else
-                return cf.Original;
+            return color.detectHEXFormat();
 
         case cf.ShortHEX:
             return cf.HEX;
 
+        case cf.ShortHEXA:
+            return cf.HEXA;
+
+        case cf.HEXA:
         case cf.HEX:
             return cf.Original;
 
         case cf.Nickname:
-            if (!color.hasAlpha())
-                return color.canBeShortHex() ? cf.ShortHEX : cf.HEX;
-            else
-                return cf.Original;
+            return color.detectHEXFormat();
 
         default:
             return cf.RGBA;
     }
 }