Chapter in this post:
My Pick of the week this time is a small but nice browser extension that can be downloaded for Firefox or Google Chrome. It is free and makes life as a blogger or web designer easier because you can extract colors in HEX format from website elements or fonts very quickly.
As a web worker you usually need hexadecimal values for the colors. That means, a #FFFFFF is, for example, the color white with the values red = 255, green = 255, blue = 255. The Apple tool "Digital Color Meter", which can be found in Applications> Utilities, offers different color models , but you won't find any output with HEX values. This is of course useless for people who have to do with working on Internet sites. That's why I was looking for a practical solution.
I already have the app "Sip" over SetApp installed, but I don't want it every time I boot, and basically it's overly extensive for my needs. Therefore my search for a solution was not finished with Sip.
You shouldn't actually say it, but so far I've done it not infrequently that I took a screenshot of a part of a website and then opened it in Photoshop to pick out the color with the pipette. Extremely cumbersome and of course there is an easier way: In Chrome, Safari or Firefox you can right-click on a page and then select "Examine element" or "Examine". An additional information window will now open.
If you move the mouse pointer over a heading or a DIV container, its properties are displayed in the info window. You can find out, for example, the color or the fonts of headings.
What does not work is to extract a color in a graphic, because you only get the information about the URL address of the graphic and the size. Your content is not shown in more detail via the "Investigate" option.
Yesterday I came across the ColorZilla browser extension by accident, which can be found for both Firefox and Chrome:
It is completely free of charge and advertising and not only offers a quickly available color pipette that can pick up colors in the entire browser area, but it also has a few other functions.
One thing that might be of interest to some web designers is the gradient generator. With it you create a gradient, as you are used to with Photoshop, and ColorZilla also tinkers together the complete CSS code that you need for this gradient. I don't need that much, but I'm sure quite a few web designers will be happy with it because in the future they will no longer have to go to websites that do this work for them.
Another nice function is the generation of a color palette for a website. For example, if you found a website where you found the color scheme very appealing while browsing the internet, you can have the colors put together in a palette via the menu item "Webpage Color Analyzer".
ColorZilla offers a few more little things, such as a history of the pipetted colors or copying the color values in different color systems, but my most important requirement was simply to fetch a color from a website with the pipette and then to save it as a hexadecimal value on the clipboard to have. That makes ColorZilla perfect and straightforward. Thanks to the developers for this great tool.
Jens has been running the blog since 2012. He appears as Sir Apfelot for his readers and helps them with problems of a technical nature. In his free time he drives electric unicycles, takes photos (preferably with his iPhone, of course), climbs around in the Hessian mountains or hikes with the family. His articles deal with Apple products, news from the world of drones or solutions for current bugs.