If you are a Windows user you can use Color Cop.
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!
ColorNote: a free Mac Color Picker
For the workshop, we recommend you install from the App Store this free utility called ColorNote – it can be used in any application on your computer not just a specific browser.
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.
More tips in our WordPress for Beginners series
We hope that you’ve found these WordPress for Beginners tips helpful.
If you want to learn more about WordPress, attend one of our WordPress Intensive Workshops in Toronto.