If you are a Windows user you can use Color Cop.
How to find website colors to use in WordPress
When designers customized a WordPress theme in the past, they performed their magic in the style.css stylesheet file. Nowadays, you can change your theme colors in Customize.
But … 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!
ColorNote: a free Mac Color Picker
We will show use ColorNote during the workshop, so you don’t need to play with it yet but if you want to give it a try here’s how it works….
- Launch the utility.
- You’ll now find a new round eyedropper icon in your top menu bar.
- Click on the eyedropper icon to open the utility
- Now click the circle and move your mouse pointer around your screen the colorpicker will detect the Hex color number
- Click and you will hear a sound as it stores the hex code to your clipboard.
Now that you have the hex color you can easily customize colors in your WordPress website. Open Customize to see what options your theme provides.
During our 2-day WordPress Workshop, we’ll teach you how to use hex colors without editing code. And you can begin to perform some styling magic on your own.