How to pick any screen color for its hexadecimal and RGB codes?

This is important, because if you like a color on the screen you will want to use it in your website or your design projects.

Fortunately, you can do this easily with a free tool, and you can do this in just a matter of minutes.

This is what you get to learn in the following video lesson.

---

---

Video Transcript

Hello there. We are going to explore some very useful color tools in this section. In this first lesson I’ll explain a color picker tool that must be there in every web designer’s arsenal.

ColorPic is a free tool, and the ease with which you can pick up any onscreen color, speaks volumes about this tool.

http://www.iconico.com/colorpic/

To start with, go to this website, and download ColorPic on to your computer. It’s a small file, and takes just a few minutes to download.

After you install ColorPic, and have a shortcut on the desktop, here is how it will appear.

Let’s explore the tool.

As I double-click on the icon, ColorPic opens on my desktop. This is the interface, and it’s pretty easy to follow.

For our interest, let’s focus on the hexadecimal and RGB codes. Wherever I move the cursor, the 2 codes instantly give the respective readings as you can see me doing.

This is such a convenient tool that you have to have it on your desktop.

My desktop has so many colors, so it’s no wonder that ColorPic is rapidly changing for the hexadecimal and RGB codes.

Okay, let me rest the cursor here. It’s a bluish color. And as you can see, the hexadecimal code for this color is 83ADC3, and the RGB code is 131, 173, 195.

You also get the other parameters for the color, like the CMYB and the hue-saturation value.

ColorPic helps a lot in color selection. Don’t forget to find out more from the website.

Thanks for watching.