Designers periodically face the problem of how to find out the exact color of a point on the monitor screen, usually people involved in the development of website designs sin this way, sometimes it is easier to copy the color scheme than to reinvent the wheel yourself. You can follow the thorny path of real experimenters, for example, taking screenshots of screens and then sorting out the resulting pictures in a graphics editor or generally rummaging in the source codes of web pages, but it is better not to do silly work inventing another bicycle, but to stop at 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 executable file is the entire program. I recommend placing the program in a separate folder, it will be easier to delete, because after launching it creates a configuration file.
Once launched, Colorpix is a very small window that works on the principle of 
what point is the mouse cursor, that color is shown. You can move the mouse and see running numbers and letters showing the coordinates of the cursor, a color in several encodings and a square filled with the selected color.
The desired color is remembered by pressing any key, this is evidenced by the appeared lock, copy the value, for further work press any key again. The color values do not need to be rewritten manually, it is quite enough to double-click on the desired encoding and then insert.
Colorpix can be docked on top of all windows, just click the plus sign on top and bring up something like a magnifying glass, find and click the item with the cunning name "MAGNIFIER", after which the window will increase in size and a panel is added (sometimes it’s great to blink at the right point) ... 
There are no settings at all, the utility is as simple as a door.
Colorpix has proven to be ingeniously simple, with only the features you need, the smallest size, and incredibly easy to use. How to use, you can figure it out 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.
Colorpix Free Download Page 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
If you have your own website, then, willingly or unwillingly, you will have to master the tools and skills of various Internet professions. The designer's tools will have to be studied especially carefully, since the path to the heart of the reader lies through a professional image. Beautiful and correctly selected pictures on your site increase the likelihood of reading the information, this is a fact! The fact that these pictures must be unique is also an irrefutable fact. In order to learn how to make pictures on our own, we must learn a lot of details, and one of them is determining the color of any element on a web page. Today we will talk about how to find out the background color on the page.
I know that there are many other methods and tools, but I share my practical experience in creating pictures. If you are not a professional designer, then this article will be very useful for you in your future work. You can recognize the color on the page using a useful plugin ColorZilla for Mozilla Firefox and Google Chrome browsers.
When do we need this tool?
- If you are designing a website design;
- If you create a new ad unit that matches the color palette of the site;
- If you make up the color scheme of styles for the site;
- If you are busy drawing elements of a virtual project;
- If you create any image;
- In all other cases, when you need to determine the color of a pixel, without launching large-scale and resource-intensive programs such as PhotoShop or ColorDraw.
How do I use ColorZilla?
Everything is very simple! Go to the site, click on the left icon and select the tab that you need the most:
- Mozilla Firefox (browser tool);
- Google Chrome (browser tool);
- Gradient Generator (online tool).
Download the required plug-in for the browser, and after installation, the plug-in icon will be in the panel of your browser all the time. Do not forget to activate the plugin, for this you just need to click on the icon.
How to work with the ColorZilla extension
I'll write in simple words about how I work with this extension. At the time of creating or editing a picture in the Canva editor, about which you can read in more detail, if you go to this one, it may be necessary to add a background, the same as the original image. In the picture you can see that on the right side there is a part of the white background that could be painted to match the background color of the picture. Not having such an extension at hand, it is very problematic to do this, if by the selection method, which will not give 100% identity. By clicking on the eyedropper in the extension, and then clicking the left mouse button on any pixel of the picture, a great hint appears at the top, which gives me the color code in hexadecimal format and in RGB.
I only need hexadecimal format to work with Canva editor. I copy it, and then in the Canva editor I enter the value of this color, and the result is very pleasing to me. This is how, in just a couple of movements, I can find an identical color, thereby making the original picture unique by changing its size.
I suggest you sit back and familiarize yourself with all the tools of this extension that are in the menu. You will definitely find a couple of them that you will use with particular pleasure. And you will master the rest over time. You know better than me that in a picture you can change not only the background, but also there is a need to write something. Choosing the right font color is also not as easy as it seems at first glance. You may prefer a palette or gradient generator rather than an eyedropper. One thing is for sure for sure: with ColorZilla, all issues can be resolved very quickly.
As always, it is better to see once than to read a hundred times! Therefore, I suggest watching a video in which you will learn how to install the ColirZilla extension and use it in your work. I wish you pleasant viewing and beautiful unique pictures!
When working with images, you often need to accurately determine the color of a pixel. This is necessary for image correction or in design work to customize the color scheme of the background, panels or buttons of your page on the Internet or website.
This service will allow you to find out the color of the dot online without downloading and installing additional programs. Working in our online eyedropper service, you can quickly and easily find out the color of any fragment of the image.
To do this, you need to upload a picture to the site. To download the file, click the Browse button. Select the required image file and click "Download". As soon as the picture is loaded, you will see it on the screen. Then you need to move the cursor over the pixel, the color of which you want to define. In a separate window you will be able to see the color of the pixel, and the field "Current value" will display the corresponding pixel number in HTML and RGB color of the pixel.
The service provides for saving the color code in HTML and RGB color format. To do this, move the cursor over the desired pixel and click the left mouse button. In the field "Saved values" in a separate window you can see the color of the pixel, as well as the saved values of the pixel code in HTML and RGB color format.
Reviews
| Yes, it seems not bad, thanks |
| Norm |
| masterpiece |
| nap. |
| Pts very much helped you |
Surely web designers and graphic artists had to come across different colors or images on the net that they would like to apply in their own projects. It is impossible to remember every color variation, and the eyedropper tool, without which more than one designer can do it, is intended to help them!
With it, you simply click anywhere on the screen if you want to copy a particular color for your own needs, including creating palettes and color schemes.
In this regard, we want to share 25 useful tools for Windows, Mac, Firefox, Chrome, iPhone and Android.
Now you don't have to remember the color: just "grab" it and get to work!
Windows Apps
Instant Eyedropper is a free tool that helps you find the HTML color codes of any pixel on your screen. With one click, the code will be copied to the clipboard, after which you can paste it where you want.
An easy-to-use tool that attaches a magnifier to the cursor. Using it, you can enlarge a specific pixel on the screen. Eye Dropper 3.01 shows RGB, CMYK and HEX color values.
In addition to finding the color value of any pixel on your screen, Eyedropper allows you to measure the distance between pixels. For this purpose, you can use the zoom to make the calculations extremely accurate. The color value is automatically saved to the clipboard. Available formats include HEX, RGB and CMYK.
This tool is perfect for high resolution monitors. It includes a magnifier, thanks to which you can study the color of your interest in more detail. Up to 16 colors can be stored in palettes. You also have 4 advanced color mixers at your disposal, greatly expanding your options. What's more, there are many updated functionality here, such as mixing and aligning colors, viewing a safe version of each color, and a resizable zoom area.
Quick HTML Color Picker is a free tool to get color on any screen with a preview before final selection. The color will be presented in RGB and HTML formats and copied to the clipboard.
ColorPix picks the colors on your screen and displays them in RGB, HEX, HSB, and CMYK formats. It has a built-in screen magnifier for a more detailed and thorough view. The values are automatically copied to the clipboard.
The Just Color Picker isn't just your average color picker - it shows colors in HTML, RGB, HSB / HSV and HSL formats. The Just Color Picker uses a triple screen magnifier, RGB and RYB color gamuts to showcase triads and complementary colors, find matching colors, color code conversions, and more!
It is a very simple color selector representing RGB, HEX, HTML and WinAPI colors. You can copy one or all of them to the clipboard. The tool can be minimized to a notification bar.
Color Cop may be a small tool, but it boasts a wealth of options available. You can use the eyedropper to take color anywhere on the screen and use the magnifier to magnify it. Colors are available in HTML hex, Delphi hex, Powerbuilder, Visual Basic, Clarion, Visual C ++, RGB float and RGB int. You can save up to seven colors in history, find additional and web-safe colors, position the application in the taskbar icon area, and much more.
ColorMania lets you choose color anywhere on the screen. There is also a magnifier here for more careful selection. Colors can be displayed in RGB, HSV, HSL and CMYK values. Plus, you can save up to six colors in the palette.
Firefox addons
PixelZoomer is a great addon for capturing colors and converting them to HEX code. It differs from similar tools in that it presents a web page in the form of a screenshot and zooms in pixels using a new CSS element.
ColorZilla differs from the usual eyedropper tool only in that it is in your browser. With this add-on for Firefox, users can get the color of any pixel right in their browser. The built-in palette allows you to choose colors from specific color sets and save the most frequently used ones in a custom palette.
Rainbow Color Tools includes elements such as a recognizer that extracts images and CSS from the current web page; an invader that collects colors in RGB and HSV values; a control program that receives the color of any pixel in the browser; and finally, a library that sorts the saved colors by tags or url of the page where the color was found.
This is one of the most advanced tools from Nvu for Firefox. It's pretty straightforward to use: you just click and get the color. Colors are presented by name and in HEX format. With the Rainbowpicker, you can change hue, saturation and brightness, which in turn allows you to create many color variations.
Mac apps
What makes ColourMod unique is that it is available in five different versions: Konfabulator, ColorMod V1.9, ColourMod V2.2, Unbranded and Personalized. Each version is designed to fit your needs. Konfabulator is a desktop version available for Mac and Windows. ColorMod V1.9 is a widget for Mac dashboard. ColourMod V2.2 is a plugin for web applications. Unbranded removes the ColourMod branding, while Personalized lets you add your own logo to the app.
DigitalColor Meter is a tool for Mac OS X. If you drag your mouse across the screen, it will show the color value of any pixel. You can set the format in which the color will be displayed (RGB, YUV or CIE).
Uncomplicated and very useful application. Of itself, it says this: "a tool for obtaining color that the Mac lacked so much." It is located in the main menu until you call it with a hotkey. ColorSnapper uses a magnifier for more precision. The specified color is automatically copied to the clipboard and can be reused later. Moreover, there are about 13 different formats at your disposal.
The Hex Color Picker adds an extra tab to the system-wide color bar and you can immediately see the hex code of any color. You also have the ability to change the color using a set of abbreviations and use the preview option.
A very simple tool showing RGB and HEX values. Optionally, you can adjust the constraints so that the slider only shows safe colors. This tool is used in the color bar of most Cocoa and Carbon apps.
Everything is extremely simple and straightforward: Pipette gives you the opportunity to take any color and copy it in HEX format. The application will not take up much space on your device, and you should not have any difficulties when using it.
Chrome extensions
With the colorPicker, you can grab colors from any web page, save and copy them to the clipboard. Colors are represented in the following values: HSB, RGB, and CMYK. Web developers will find many additional features here, including the ability to check compatibility with WCAG 2, settings in the "eyedropper" area and the presence of a DOM-Explorer for quickly finding elements and tags on the page.
This extension not only allows you to choose colors on any web page, but also to place on it rulers, pointers and a scale. Rulers, Guides, Eye Dropper & Color Picker has a wide range of options for rulers, pointers and scales, but the color picker works just fine on its own.
Eye Dropper is an excellent extension with an advanced color selector providing HSV, RGB and HEX of the resulting color. The colors are stored in your history so that you can use them later if necessary or copy them to the clipboard.
Color Pick is an incredibly simple eyedropper tool with built-in magnifier. The extension will keep the color you specified until you select a new one. Colors are available in RGB, HSL and HEX formats.
IPhone Apps
If you're a developer with an iPhone, Loupe can help you find inspiration wherever you are. With it, you can take colors from photos in your gallery or from pictures you just took. You can then create color cells, store color values, and add notes to help you remember important details.
This color selector works well for creating and working with palettes on the iPhone. It converts RGB, HSB and CMYK formats. You can take colors from your camera, photo gallery or Flickr. Palettes are shareable via email and are compatible with Adobe Illustrator, Adobe Photoshop, and Microsoft Word.
Android Apps
This powerful color picker is indispensable for designers, programmers and artists. It supports 7 different modes with RGB, HSV, HSL and YUV color models. You can use both a palette and a slider. Colors are represented in decimal and HEX.
LifeDropper is an Android app that can name the colors of real objects using the camera on your device. Colors are shown in RGB, CMYK and HEX values.
That's all!
Which of the 25 pipettes presented in our article did you like the most? Perhaps you are using a tool that is not on our list? If so, tell us about it!
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, will indicate the color by code.
To determine the color on the monitor, click on the Screen button, move the pointer to the desired point, click once on this place. The HTML Code field displays the color in HTML Code. All that remains is to copy this code to the clipboard and paste it where you want.
Advantages: the program is very lightweight and extremely simple
Color Picker
The advantage of this program is the display of 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 form of an eyedropper, you just need to move the cursor to the desired place and click on it. The program is compatible with versions of Windows XP and higher.
Requires installation on a computer.
Just Color Picker
Perhaps I like her the most. Specifically, it helps me a lot that after capturing a color, a strip appears in the interface with a variable tonality and brightness of this color. Those. I can hover the mouse over the strip and capture a few more close colors, for example, slightly brighter, for the subsequent selection of the optimal one.
- At the first start, it prompts you to select a language, Russian is present.
- The Just Color Picker interface has a magnifier.
- Allows you to save multiple colors.
- It takes a reading not with a mouse click, but with the Alt + X hotkeys (by default), which allows you to more accurately determine the color
- After determining the color, the program will automatically determine additional colors that will be in harmony with the selected one and which can be used in the design.
- Does not require installation, works in the background.
The program is compatible with versions of Windows XP and higher.
Also, one cannot fail to note the free program. ColorPic 4.1... Its only drawback is that it requires installation on a computer, i.e. cannot run in the background.
But on the other hand, she has more than enough advantages. The program is not entirely simple, so a description and guidance on how to work with it is given on this site in a separate article.
