Color Zilla Chrome Extension
Chrome Extension for Color Picker and Panel // Used to Pick Colors off Your Screen // Copy, Adjust and Save
It takes me about an hour or an hour and a half after I have put up a new mood board at top of my substack, before I find the color the best suits the overall, as it has to mesh back to everything else in a way that isnt random, that in fact correlates.
I am now using a Chrome Extension called Color Zilla. Which you can download through Chrome. I have mine affixed to top bar on Chrome, which you see below, the eyedropper with a sample of the last color I picked.
Its not bad. Its a little sticky. Meaning you cant work too quickly with it, when you click on things — it takes a little while before the picker comes up.
The Picker
To engage The Picker, you click on the Chrome Extensions, and a menu pops up.
Click on Pick Color From Page, and wait a few seconds. I have often found I had to click on it twice before the Picker actually comes up. Its a little sticky.
The Picker itself is a circle with a square in it. And it also comes up with its own bar across the top.
The picker copies the color you picked, puts in bar on top, saves, and closes, and its done. You can only do, so far as I have figured out, one pick at a time.
Automatically saves the RRGGBB off of where you picked on the screen to the clipboard and to the Color Picker Panel, which has memory, and closes the extension.
If you want to pick another color off the screen you have to click on the extension again, and reopen the menu.
Color Picker Panel
The Color Picker Panel has memory, it records the colors you have picked. So if you are testing, like color lover me, fifteen or twenty times. You can check around before deciding on final final color — and its RRGGBB is retained in the Color Picker Panel for you to access later, and recopy then.
Color Zilla uses a traditional Color Picker Panel.
You can use target circle inside the Color Box to choose a hue or shade or tint.
Or you can click on one of the target circles — next to H for Hue, S for Saturation, and B for Brightness/Blackness, just left of the Color history, to bring up the gradient bar and augment your color using that.
Saturation
Here I have clicked on the S, for Saturation, it allows you to reduce or increase saturation of whatever hue you are working with, or click on in the color box for a new hue.
You can see all the colors I have been playing around with using, this past week or so, in the Color history on the right side.
Hex digits, can be copied for Branding, sit at the Bottom. Just double click on and copy.
When Closing the Color Picker, Clicking on OK Saves the last color you have created or augmented. Clicking on Cancel does not.
Hue
Here I have clicked on to select H, for Hue, notice the color box has changed to shades, tints, and saturations for just that Hue, and the Gradient Bar has now changed into a slider for different Hues.
Moving the scale bar up and down, changes the Hue. But not the intensity.
Using these different target values to close in on a color is something I do all the time. Ever since working as a Colorist.
Lightness + Black
Clicking on the B target circle, is for Lightness of Hue or Adding Black. Moving the Scale Bar up and down the Gradient bar, changes the lightness or darkness of the hue.
So…
I just Started exploring this Chrome extension. It has more features than what I have found occasion to explore just yet.
Will continue to explore here.
chromewebstore.google.com
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies