How can I determine the background color of a site?

Right click with your mouse on the web page and then click "Inspect Element". Then look to the right under the "Styles" tab (assuming you're using Chrome), and then under where it says:

.site {
background-color: #f8f3ef;

This is the color (#f8f3ef). For future reference, you may have to do some looking around in the Inspect Element next time and just look for "background-color" and then the color code.


  1. View the source code using a tool like Firebug or Chrome Developer Tools will make that easier to do. You can inspect an element, in this case the background, and see the CSS rules that applies to it.

  2. Use a browser extension like Colorzilla to click and tell you what the color is.


Its a #f8f3ef, somtimes i just make print screen copy to Photoshop then grab color. But this method is the most lazy by Firebug

enter image description here

Tags:

Html

Css