Color Cop: choosing website colours (for Windows) - LearnWP

Color Cop: choosing website colours (for Windows)

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.

screenshot of color cop utility

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:

  1. The user interface is very compact, it takes up very little screen space
  2. A color eyedropper tool is provided to drag and drop at any pixel of the screen, and RGB and Hex codes are presented instantly
  3. There is a built-in magnifier
  4. 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.
  5. 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

» Download Color Cop

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.

Related Posts

If you liked this post, you might also be interested in one of these.
The Easy way to pick new web fonts
Extending Gutenberg Blocks The Ultimate Add-ons for Gutenberg Plugin

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top