Use This FREE Tool To Find Colour Numbers on the Web

Use This FREE Tool To Find Colour Numbers on the Web

Seen A Colour That You Love On The Web And Want To Use It?

Well, now you can with this easy to use FREE colour finding tool.

We've been using this FREE Chrome Extension tool at Ribbit for such a long time, and it wasn't until we recently showed a group of business owners in our Explode Your BRAND on Facebook Workshop that we realised that you'd love to see this too.

In this 4 minute 30 second video you will see for yourself how you can find the colour number of almost any Colour that you see whilst surfing the web.

​Prefer Step-by-Step Visual Guide?

If you're more of a visual person, just scroll below and follow our Step-by-Step Guide with accompanying images.

Click the screen to watch the video tutorial now.


Your Step-by-Step Guide

STEP 1: First of all you will need to ensure you have Google Chrome as your web browser. 

If you don't have Google Chrome as your Browser CLICK HERE to download it with ease.

STEP 2: In your Google Chrome browser you need to go to the Chrome Web Store.

To make it easy you can CLICK HERE to open up the Google Chrome Extension page.

STEP 3: Now type “eye dropper” into the search box and hit return.

STEP 4: Under Extensions results, find the Eye Dropper extension that has been highlighted below. Note: We have tried the others and believe this one to be the best choice.

To get this extension, click Add to Chrome.

STEP 5: Then click Add extension in the pop-up message. 

STEP 6: Once installed, the Eye Dropper extension button will appear at the top right of the browser, as shown in the image.

STEP 7: Choose a website where you've seen a colour you want to use (in this case we have used our own www.ribbitmediasolutions.com website), and click on the extension button in your browser bar (like we showed you in the image above).

The box you see below will pop up, so now Click on “Pick color from web page” to enable the extension to pick colours from the page.

STEP 8: As you move your cursor/pointer across the page, it picks up and shows the colour inside a small square. If you look in the red square below you will notice that the small square has indeed picked up the Ribbit "green" colour.

Click the left mouse button to capture a colour.

IMPORTANT NOTE: The extension will not work on some websites (in this case the Eye Dropper website). When you click the Eye Dropper button, you will find the message “You can’t pick color from this page.” The extension also may not pick up all the colours in a page.

STEP 9: Click on the extension button in your Browser again to view the captured colour.

As you can see below, by clicking on the "green" logo on the Ribbit page in Step 8 above, it has now given us the colour number to use, which is in the green box on the right-hand side, which is #ced869.

STEP 10: To capture another colour you want to use, simply go to the extension in your browser again and click on “Pick color from webpage.” Now you can grab another colour from the page.

Once you select the colour, it will show on the Eye Dropper Color History, as you can see below.

As you select more colours from various websites (or the same one) it will be stored in the Color History, and you can choose whichever you want to.

Using Your Colour Number In Design Tools

If you have a designer working on a project you can now send them the Color Codes of your favourite colors, as this will make life so much easier for them - and you too. By using Color Dropper you can now do this with ease.

How To Add It Into Canva

There's lots of design tools out there where you can now use your new Colour Number, such as Pic Monkey, Canva - and even in Word, Pages, Google Docs, etc.

In the example below we show you how to add your Color Number using Canva.

By opening up the Colour Box in Canva and hitting the + button, you can add your Colour Number in the box (see image).

STEP 1

STEP 2

If you're not familiar with Canva, then CLICK HERE to learn more. 

How About Creating A Colour Palette For Your BRAND?

Are you looking for more inspiration to Explode Your BRAND with colour?

By using the Color Number that you have got from Eye Dropper, you can now create a Palette that helps you to create a Color Scheme.

STEP 1: Go to www.color-hex.com/colour-pallettes

STEP 2: Paste your color number in the search box (as you can see below) and hit return

STEP 2: It will show you detailed information based on the chosen colour, including shades, tints, and complementary colours. It will even show you what the font would like like in your chosen color.

Check out the images below to see the types of results you can expect to get when entering your chosen Color Number in the www.color-hex.com website.

What Are Your Thoughts?

We would love to hear your thoughts on this blog and if this Color Hack has helped you to Explode Your BRAND with color!

We would love for you to SHARE this with others. Please choose from your preferred sharing option below.

Sign Up For Socially Ribbitting News

Keeping you updated on all things Digital & Business

Facebook Tips & Tricks | Online Marketing Tips | Mindset Tools & Resources | Time Management Tools | Content Hacks | Podcast Reviews 

About the Author

Leave a Reply 0 comments

Leave a Reply: