Advertisement


How can I find out what RGB colors a website uses?


Question

I want to learn the RGB (or others like hex, CMYK or HSL) details of a color on a website. Say the background of this very website. I want to recreate that color using the code or a graphics software.

2016/08/17
1
4
8/17/2016 2:00:00 PM

Accepted Answer

As per thebodzio's answer, there's plenty of ways to get that colour. No matter what browser you use there will be some sort of colour picker add-on you can get. Alternatively you could take a screen shot and open it in photoshop. Another way is to open developer tools and look at the sites stylesheet, in chrome you could right click the background and hit inspect element then look for where the background colour is being specified...

To save you the trouble though, the background colour on that website is #f9f9f9 - now, if you're not too experienced with CSS, you might want to head over to the site, inspect the background colour and see if you can find where I got that from :)

2014/05/07
9
5/7/2014 3:04:00 AM

As to the page elements (excluding images), their colour (in RGB, sometimes in HSL) can be determined in a lot of different ways. One of the easiest is using any “developer tools” available in almost every contemporary web browser (Firefox, Chrome etc.). Colours in images can be sampled with any image editor having a tool like “colour picker”.

Having said that… It's not enough just to “get the RGB colour” and convert it to, say, CMYK. The tricky thing is to know which RGB and which CMYK you want to convert to and how do you want to deal with the outside-of-the-target-gamut colours. Yes, there's more than one RGB or CMYK. It's often silently assumed that when nothing is said about colour beside it being RGB, then it's really sRGB colour.

Anyway, I strongly recommend you to take a look at some introductory material about colour management. http://www.cambridgeincolour.com/color-management-printing.htm is one of the best around.

2014/05/07