Stop Firebug From Converting Hex to RGB Color Values

As a web developer, I love the Firebug extension for Firefox.  It’s one of my all-time favorite tools when making web pages.  One of my favorite things about the extension is that you can update CSS directly on a page to preview what it will look like before officially uploading the change to your web server.

There was one thing that was bothering me, though.  Whenever I wrote my CSS colors in hex format, if I changed the hex value, Firebug would convert it to RGB when making the change.  I like RGB, especially because of RGBa, but when it’s written one way, I wanted it to stay in that format.

To get Firebug working the way that I wanted it to was actually incredibly simple.

  1. Click the CSS tab within Firebug.
  2. Click the dropdown arrow that shows up in the tab once it has been clicked.
  3. Choose your preferred method of displaying color values.

Have another helpful Firebug tip?  Have a better way of doing this sort of thing?  Let us all know in the comments!

Tags: , ,

About Luke

My name is Luke, and I'm the Online Media Manager for a technology company, photographer, husband, and father. You can see a snapshot of some of my work at I cheer for the Red Sox and am completely in love with my wife and four little princesses.

Holy smokes! You can be the first to leave a comment!

Your Thoughts...?