Posted on

How to copy color from a website or computer screen

Today a short tutorial how to copy or find out RBG or Hex values of a color from a website or any part of the computer screen you want (desktop, pictures, applications and so on).

Perhaps you have seen a nice color on the web and want to have a t-shirt in similar color. Perhaps you want to use for your own website or maybe you want to use the same color in your logo? But how to find out what actual color has been used, its RGB values? I know and use two different methods for this purpose. The first one is using a program called ColorPick, the second one is by creating a screenshot and using photo editing software (like Photoshop or even Paint).

Method 1: using ColorPick

It is very easy but you need to install a small program on your PC. Head to and download program called ColorPick. Once downloaded, open it. You will see a small window with a few elements. Here are a few steps to find out color RGB values.

  1. Create new palette: in the Palettes area, click on the New, enter the name of the pallet and click OK.
  2. Create new palette

  3. Once the new palette is created, click on the first blank chip. Now move the pointer (arrow) over the color you like. The color will be displayed in the Color section and the values of the color will be populated.
  4. Now press on your keyboard Ctr + G to “grab” the color into the palette. The color will be copied into the pallet and all the values will be saved. If you need another color, click on the next chip, point the color with the cursor and press Ctr + G again to grab it.
  5. Grab some colors

  6. All the color values are saved and are accesible if you click on any of the saved chips. Just click on the cheap and read the values.
  7. Read the color values

Using ColorPic is perfect for saving any color from a website or Windows application, picture and so on, anything really that is displayed on the computer screen. The only problem with this method is that it is not possible to grab a color of elements that change dynamically upon hovering of the cursor (links, buttons, some graphics). Basically once you move the pointer over something you change its color and you will be able to grab the changed color only. In this scenario I use the second method which is to create a screenshot of what I see.

Method 2: creating screenshot and pasting it into graphics program

OK, here are a few steps to find out color values:

  1. Display the color you are interested in on your computer screen. Then create a screenshot of of what is displayed by pressing prt sc key on your keyboard (sometimes it is the first key to the right from F12).
  2. Create screen shot

  3. Open a program for photo editing (for instance Photoshop).
  4. If the new file is not automatically created, create it (use menu, sometimes shortcut Ctr + n works as well).
  5. Paste the screenshot you had taken in step one into the new file by pressing Ctr + v on the keyboard.
  6. Paste the screen shot into Photoshop

  7. Find colorpick tool and click on the color from screenshot you are after. The values of the pointed color should be displayed.
  8. Use Color Pick Tool

If you do not have any photo editing software installed on your PC, you can always use Paint, a program installed with your Windows. Here are the steps:

  1. As before, display the color you want on your computer screen and create a screenshot by pressing Prt Sc on your keyboard.
  2. Create screen shot

  3. Click on the windows icon on low left corner of your screen and start typing “Paint”. You you cannot find it this way, the program should be located in this folder of your computer: C:\Windows\system32 .
  4. Open Paint

  5. Open Paint and press Ctr + v to paste the screenshot.
  6. Grab a Color picker tool and click on the color of your choice to activate it.
  7. Use Color Picker tool

  8. Click on the Edit colors, small window with colors should pop out and you will be able to check RGB values of your color.
  9. Check color RGB values

If you need other values, for instance Hex or CMYK, use this Color Converter, put the RGB values of your color and other values will be populated.

Video tutorial

If you have any problems with checking the color values, please have a look at this video where I explain how to do it.

I hope this was valuable, please let me know in the comments below if you have any questions.

Leave a Reply

Your email address will not be published. Required fields are marked *

thirteen − four =