If you are using a Mac, read about ColorNote a free Mac Color Picker tool.
When customizing a WordPress theme, you can also change many of your theme colours in Customize.
But … to change website colours, you first need to know the colour’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 colour picker program makes it easy to find the hex code. You can build your website’s colour scheme from a photo. You can colour-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 eyedropper 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 colour palette. If you want to adjust a picked colour, you can click the ‘custom’ button and call up Windows’ default colour mixer.
- Right-click on the interface a menu pops up with extra features including; web-safe colour, display colour reverses, random colours, 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 really like this little utility.