Surely you have ever wondered if the tonality you are seeing is more green or yellowish, more grayish or bluish and you have wanted to answer this question. Surely it has also happened to you not only with an object in your environment, but with a photograph and even with an online image. A type of visualization in which the calibration of the screen takes special relevance and in which our eyes can end up deceiving us.
A matter in which we cannot fail to mention the so-called color codes, that is, those numbers that allow us to know exactly what tone we are talking about and a context in which they have a place from the HEX code, to the RGB value. , among others. Nails very useful references that we can easily obtain from the hand of these tools and tricks.
To begin with, and as its name suggests, Instant Eyedroper is presented as the perfect tool to identify the HTML code of any pixel on the screen with just a click of the mouse. And this is precisely what it does.
However, it is not an online tool, but to use it you must download it to your computer. From then on, all you have to do is move around the image and hold down the left mouse button on the tone you want to identify. When released, there will be copied to clipboard. A way to streamline a process that can become somewhat tedious if we repeat it too many times.
One of our favorites, Swatch Matic is an interesting application for Android that allows us to identify any color that surrounds us instantly. It does through the camera of our device, through which it captures and identifies the different colors. A cool girl with whom time flies by and with whom you have the possibility of rediscovering the world that exists around you.
Likewise, this tool will take as its main tone the one that is located in the center peephole, showing it as highlighted and giving us its exact name. It also includes five other complementary colors. You just have to touch the screen to create a palette with them. You can edit it later. In it you will find RGB, Hex and HSV values.
Although it is something a bit different, Colorize is another application that deserves to be included in this list, as it is an interesting project developed by Alex Beals that also helps us find the “true color of things”. In any case, it does it in a different way, since it is focused on those who get hysterical when they hear that of “off white“,” Sand “, or” terracotta “.
Indeed, because what this page does is allow us check what we are talking about exactly when we refer to these colors. To test it, we only have to enter the name (yes, in English) to know the tone to which we are referring. Fun and useful.
But, Where does the result come from? It is random? Not much less. What Colorize does is automatically search for the word entered on the Internet and analyze the first 25 images and their color codes. Moment from which it carries out its particular average and shows us the result in question.
As for Imgr and although we already told you about this utility a few years ago, it is another essential tool for anyone who wants to know the exact color code of an image. A service free and easy to use that gives us the opportunity to upload a photograph, drawing and others from our own computer to learn more about the tones that star it.
It only shows us the HEX code, yes, and limits the upload to three formats: jpg, gif and png. It also allows us extract color palette and download it to use it directly in other utilities such as Photoshop and the like. We should also mention that, on certain occasions, it gives us an error when loading heavier images.
Although it is not as complete as SwatchMatic, Pipette is an app that will allow us to know the colors of an image through our mobile device. A free tool whose operation you can see in more detail in the video that precedes this paragraph and that gives us the RGB and Hex color codes. In addition to the comments, it also allows you to save favorite colors and zoom in on the image.
With Image Color Picker, on the other hand, in addition to the hexadecimal code and RGB, we will obtain the HSV color model, corresponding, for its acronym in English, to hue, saturation and value. That is, a way of defining the tone in terms of its components and an extra more than this tool provides compared to those that precede it in this list.
To start it up, you won’t have to download any software either, just access its website and upload an image from the gallery. It is also possible to directly include the URL of a screenshot present on a web page, so that avoid having to download it. Comfortable and simple. Includes a sample image.
Courtesy of MailChimp, what Pictaculous does is extract the code for each color from an image. A web service that, however, has a different purpose beyond knowing what tone we are facing: that of generate chord palettes with this photograph. A very useful feature when combining those of a certain web design and the like. It only lets us upload them in GIF, PNG, and JPG formats, and their size cannot exceed 500k.
We could not stop referring to Colorzilla, an extension for Chrome and Firefox whose origins go back, neither more nor less, than 2004. Thus, this feature allows us to copy or capture the color of any element on the web. Now, one of its main virtues is that it shows the color code in various formats: RGB, Hexadecimal and others, so it is easy to use it in many different ways without racking your brains.
In addition and as you can see in the video that appears on these lines, using it does not require too many complications. Other of its characteristics is that it allows us to zoom, measure distances, choose the tones of predefined sets of colors, and save the colors most used in custom palettes.
Color Pick Eyedropper
Color Pick Eyedropper is very similar to the previous one. A kind of color selector in the purest dropper style that gives us the opportunity to do it from the web. An extension compatible with Chrome that also allows you to zoom in on images to further narrow the search for the exact tone and that shows not only the RGB and Hex codes, but also the HSB. The tool also has its versions for Mac and Windows, which include some more features.
Other tricks to know the codes from the browser
In addition to the aforementioned benefits, there is another way to know more details about the images we see online, not only what has to do with color, but also with its size, name and other characteristics. Knowing them, in any case, is simple. But how to do it in each browser? The most common are listed below.
Chrome: here we have several options. The easiest, however, is to right-click on the image and click on “to inspect”, At which point a tab will open at the bottom of the page where, highlighted, are the data about the photograph: exact size, format and others. In the box on the right, in styles, you will see the information regarding the color.
To access the same sections in Firefox, Safari and Edge, the procedure is identicalalthough the name may vary to inspect item or the like. You also have the option of entering through the menu, clicking on tools, and tools for developers, which opens the same section.
In Genbeta | 19 tools to easily create infographics