If you are using a Mac, read about ColorNote a free Mac Color Picker tool.
When customizing a WordPress theme, most of the design magic happens in the style.css stylesheet file. But you can also change some of your theme colors in Customize.
To change website colors, you first need to know a color’s hex code. A hex code starts with the hashtag and is followed by six digits, a combination of numbers and letters. For example, white is #FFFFFF and black is #000000. This hex code #333399 would give you an indigo blue.
A color picker program makes it easy to find the hex code. You can build your website’s color scheme from a photo. You can color-match your logo. We use this tool every day!
If you are on Windows here is a great free colour picker tool that you can use. I’ve tested a few and Color Cop is the best I’ve found.
Five reasons to choose Color Cop:
- The user interface is very compact, it takes up very little screen space
- A color eye dropper tool is provided to drag and drop at any pixel of the screen, and RGB and Hex codes are presented instantly
- There is a built-in magnifier
- It has an active color palette. If you want to adjust a picked color, you can click the ‘custom’ button and call up Windows’ default color mixer.
- Right-click on the interface a menu pops up with extra features including; web-safe color, display color reverses, random colors, conversion to grayscale, additional hex codes, application options, and settings, etc.
If you don’t want to download this program you can use a Chrome / FireFox addon called Colorzilla – but it will only be usable within the browser
Once it’s downloaded (and unzipped if necessary) then right-click on ColorCop.exe, click ‘Send to desktop’ and drag the desktop icon into the bottom taskbar. Clicking on the icon will start Color Cop.
We love this little utility.