Designers periodically face the problem of how to find out the exact color of a point on the monitor screen, usually people who develop website designs sin like this, sometimes it’s easier to copy color scheme than reinventing the wheel yourself. You can follow the thorny path of real experimenters, for example, taking screenshots of screens and then dealing with the resulting pictures in graphic editor or even rummaging through source codes web pages, but it’s better not to do the stupid work of reinventing the next wheel, but to stick with a utility that will do everything in a split second. There are plenty of programs for this; today we will talk about a miniature utility.

There is no need to install the program; the only file that is launched is the entire program. I recommend placing the program in a separate folder; it will be easier to uninstall, because after launch it creates a configuration file.

Once launched, Colorpix is ​​a very small window that works on the principle of Which point the mouse cursor is located, that color is shown. You can move the mouse and see running numbers and letters showing the cursor coordinates, a color in several encodings, and a square filled with the selected color.

The desired color is remembered by pressing any key, this is indicated by the lock that appears, copy the value, and for further work press any key again. The color values ​​do not need to be rewritten manually; it is enough to double-click on the desired encoding and then paste it.

Colorpix can be attached on top of all windows, just press the plus sign on top and bring up something like a magnifying glass, find and press the item with the clever name “MAGNIFIER”, after which the window will increase in size and a panel will be added (sometimes it’s great to blink when you point at exactly the right point) .

There are no settings at all, the utility is as simple as a door.

Colorpix turned out to be brilliantly simple, with only the necessary features, minimal size and extremely easy to use. You can figure out how to use it in just a few seconds, everything is done as intuitively as possible. If anyone needs to quickly determine the color of any point on the screen, I recommend using it.

Page for free download Colorpix http://www.colorschemer.com/download.php

Latest version at the time of writing Colorpix 1.2

Program size: 605 KB file

Compatibility: Windows Vista and 7, Windows Xp

Probably one of the first utilities of this kind, but, nevertheless, it does not lose its popularity among webmasters.
The program shows the HTML code of the selected color and, conversely, indicates the color by code.

To determine the color on the monitor, click on the Screen button, point the pointer at the desired point, and click once on this place. The HTML Code field will display the color in HTML Code. All that remains is to copy this code to the clipboard and paste it into the desired location.
Advantages: the program weighs very little and is extremely simple

Color Picker program

The advantage of this program is that it displays colors in RGB or HSL code, and of course, in HTML.

To determine the color, you need to click on the "Select Color with Mouse" button, the mouse cursor will take the shape of an eyedropper, all you have to do is move the cursor to the desired location and click on it. The program is compatible with Windows versions XP and higher.
Requires installation on a computer.

Just Color Picker

I think she's my favorite. Specifically, what helps me a lot is that after capturing a color, a bar appears in the interface with variable tonality and brightness of that color. Those. I can move the mouse over the strip and grab a few more similar colors, for example, slightly brighter, for later selection of the optimal one.

  • When you first start it prompts you to select a language, Russian is present.
  • Just Color Picker's interface includes a screen magnifier.
  • Allows you to save multiple colors.
  • Takes readings not with a mouse click, but with the hot keys Alt+X (by default), which allows you to more accurately determine the color
  • After determining the color, the program will automatically determine additional colors, which will be in harmony with the chosen one and which can be used in the design.
  • Does not require installation, runs in the background.

The program is compatible with versions of Windows XP and higher.

It should also be noted free program ColorPic 4.1. Its only drawback is that it requires installation on a computer, i.e. cannot run in the background.

But it has more than enough advantages. The program is not entirely simple, so a description and instructions for working with it are provided on this site in a separate article

HTMLColors2000 is a special color detection program that will help you recognize any color shade that you see on your monitor screen. Once this program determines a color, it presents the color data in two RGB formats(red green blue), and HTML (six-digit code).

This program will be simply indispensable for web designers, or for people who like to draw in computer programs. Why is it irreplaceable? Because choosing the right shade is very difficult, sometimes even impossible. There are, of course, other programs that can determine color, but after trying several programs, I chose this one.

Here are my arguments in favor of this program:

1) It weighs very little (only 32 kb).

2) No installation required.

3) Consumes few system resources.

4) And most importantly, very easy to use! For me personally, the most important thing about the program is its reliability, speed, and simplicity.

Working with this program is really very simple:

2) There are five ways to select colors:

  • Select colors by moving the RGB sliders.
  • Manually entering RGB values.
  • Select a color from the “Color Name” list.
  • Select from pre-selected shades ( side panel, opens with the “More” button).
  • “Screen” button, with its help you can determine any color on your computer monitor.

The fifth method is the most wonderful! I'll tell you a little more about him.

After you click on the Screen button, a small window will appear in the upper left corner of your monitor, which will display letters and numbers, as well as a small colored bar. If you move the cursor, you will notice that the letters and numbers will begin to change, and the color bar will change along with them.

This color bar displays the color that is under your mouse cursor, and the letters and numbers are nothing more than html code this color.

The essence of the method is very simple:

1) You press the “Screen” button and move the cursor to the color for which you want to get the code.

2) Look at the top left corner and make sure you haven't missed the color you want.

3) When the cursor is at the desired position, you press the left mouse button.

4) Now all you have to do is pick up the received code. Either copy the html code or rewrite the RGB value.

Download the color determination program:

P.S. If the program does not want to be installed on your computer (which is very likely if you have Vista or Seven installed), this file will help you.

A web designer, developer, or ordinary computer user has probably asked this question more than once. Often there is a need to select the color used on some object, for example a website or just a point on a monitor screen.

There are several basic ways to represent colors, such as when each color or shade is designated HTML code and color palette RGB as #FF7700. This is the presentation in the form of three pairs of hexadecimal digits, in which each pair represents a different color:
the first two digits are red, i.e. — R(red)
two in the middle - green - G (green)
last two digits - blue - B (blue)
Quite often they use a sneaky representation of the color in the form of three characters #F70, which would be equivalent to #FF7700.

By the way, on web resources colors are usually specified in CSS styles.

Let's move on to the answer to main questionHow to find out the color of a pixel on a monitor screen or picture?

There are many ways...

Method 1. Find out the color in Photoshop

So, let’s take a “screenshot” by pressing a key on the keyboard - Print Screen(PrtSc), in the place where we want to find out our color code. When you press the key, the system will save the snapshot to the clipboard. You can simply copy the image, for example from a browser, without PrtSc. Now all that remains is to paste the image from the buffer into Photoshop.

Open Photoshop and insert an image (File - New, Editing - Insert). We look for “Pipette” on the toolbar (Key I), then left-click in the area in which we want to “remove” the color. All is ready! Now all that remains is to go to the palette and find out the color code.

Method 2. Find out the color in Paint

Go to Paint - insert a picture - use the "palette" tool - go to "change colors":

In our case, red is 252, green is 168, blue is 10, i.e. RGB(252,168,10) or in HEX format #FCA80A.

Method 3: View the element code in the browser

I will describe the method for Opera browser. Select an element on the site with the mouse and click on it right click mouse - “View element code” (Ctrl + Shift + C). A panel with html will open and css code, you will need to find something like "color".

Method 4. Using special tools or programs.

There is a large number special programs for color removal, I like a very simple program called "Pixie" with a weight of about 10-11 KB. The controls are very simple. Simply point the mouse at the desired point on the monitor screen and press the following keys - Ctrl + Alt + C, as a result of which the color code will be copied to the clipboard.

The post will help you determine the color online using several sites, one is simply super, the rest have less functionality. The method will be useful for those who do not have the opportunity to use computer program, for example on a tablet.

Choice for sanstv.ru: will find the pixel code

Great, finally started doing it online services in Russian sanstv.ru, and here is the address, distinguishing feature splits the file down to the pixel. To start using it, please look at the screenshot.

  • You can insert a file for definition by pressing the PrtScr button, this will take a snapshot of the entire browser, but it will not be visible; to show it on the screen, press cntrl+f.
  • Or by simply dragging it from your computer into the editor window.
  • Can take photos from photos in good quality.
  • It’s convenient to find out the color on the website, I took a photo and pasted it.

After all the manipulations you will see your illustration and high magnification. To determine the color code (name) you need to point at the required shade and see the combination.

  1. We point at the required location on the screen, high magnification.
  2. Number in two formations rgb and hex, both are used, but hex is more popular.

There are a lot of useful things here, for example, how to connect css as a layout designer. Created by an altruist, does not ask for money for use. Let's move on to other services.

Easily determine color online with imagecolorpicker.com

This site imagecolorpicker.com is easy to determine color online and works quickly. But simplicity comes with some limitations:

  • You cannot increase unless by pressing cntrl and +.
  • To determine the shade, you cannot use drag and drop and screenshots, only downloading.

The site is worthy of attention, the eyedropper is displayed by sight, don’t lose it.

Colorist imgonline.com.ua: will help you find out even your hair color

This site cannot indicate exactly what code is needed, it breaks it down into main components, here is the address. You will need a designer who cannot install a popular collage in an illustration. The report looks like this:

First, we write down the number of primary shades (namely, the pixels in the picture of which will be ordered in descending order). We set the compression, upload the image, and wait for processing. It may also be necessary for hairdressers, for example, to find out the hair color without poking, just upload an image of the hairstyle and the service will break it down into shade and name.

Stock getcolor.ru: does not work from the picture

I put getcolor.ru in the article because there are no contenders, a huge disadvantage: there is no search by image. Works on the basis of a simple tint circle and click selection. Move the slider in the desired direction and look rgb parameters, as well as hex.

Although no, I found one plus, it can give a name to the color, look below, it gives out different ones every time. Usage: for example in catalogs and in html layout.

I talked about the best resources that help you determine color online without installing programs. Good luck.