Question: Using [ColorZilla](http://www.colorzilla.com/) I found an interesting feature. If I pick a color from firefox (bars,tabs or anything else of the browser) and then go to: 

> 
> ColorZilla > Inspect Last Element > In
>  Firebug
> 
> 
> 

Then I can see the markup,css,js that firefox uses in the firebug panel just like a website.
![enter image description here](https://i.stack.imgur.com/tUFDO.jpg)

Is there any solution to view this code without use Colorzilla?

Answer: 
As mentioned in the comments, Chromebug is no longer working with current Firefox versions. Instead of opening the limited `chrome://browser/content/browser.xul` page, you can make the browser chrome accessible to the scratchpad. Open the `about:config` page and set `devtools.chrome.enabled` to `true`, as described in the [extension development environment setup](https://developer.mozilla.org/en-US/docs/Setting_up_extension_development_environment) guide on MDN.

Open the JavaScript scratchpad (`Shift`+`F4`) and select the browser context environment. Now you can type in something like `window` or `document.getElementById('urlbar')` and click the inspect button or hit `Ctrl`+`i`. This will evaluate the expression and open the element inspector, which shows all properties of the element.
There is actually a dedicated version of Firebug for that called [Chromebug](http://blog.getfirebug.com/2009/10/12/chromebug-1-5a4/) (Named after the chrome of Firefox, not Google's chrome)