top of page

Easily Access Your Colour Codes Anywhere on the Web with the Eyedropper Chrome Extension

Are you tired of scrambling to find your brand's HEX colour codes or wasting time guessing which shades to use for your branding? It can be frustrating and make your brand look inconsistent and unprofessional.

Well, we've got you covered with the Eyedropper Chrome extension! In this blog post, we'll show you how to create a colour palette for your design work with this easy-to-use tool.

Our step-by-step guide will help you quickly and easily access your hex codes, making it a breeze to maintain a consistent brand look across your website and beyond. Say goodbye to the guesswork and hello to a streamlined design process with the Eyedropper Chrome extension.

Keep reading to learn how to simplify your colour selection and take advantage of this helpful tool.

Step 1: Add the Eyedropper Extension to Google Chrome

The first step is to add the Eyedropper extension to your Google Chrome browser. You can do this by going to Google and searching for 'Eyedropper' or by visiting Once you've found the extension, click on the 'Add to Chrome' button and follow the prompts to install it.

Step 2: Pin the Eyedropper Extension to Your Browser

After you've installed the extension, make sure to pin it to your browser so that it's easily accessible. You can do this by right-clicking on the Eyedropper icon and selecting 'Pin.' This will make the icon appear at the top of your browser.

Step 3: Create Your Colour Palette

To create your colour palette, you'll need to have the hex codes for your brand colours. These codes are unique to each colour and are made up of six letters and/or numbers. You can find your brand colours in your logo or other branding materials.

Once you have your hex codes, click on the Eyedropper icon to open the extension. In the extension, click on 'Colour Picker' and enter your hex code in the box. Click on 'Select' to add the colour to your palette.

You can also add colours to your palette by selecting them from a website. Simply click on the Eyedropper icon and click on the colour you want to add. It will automatically be added to your palette.

Step 4: Use Your Colour Palette

Now that you have your colour palette created, you can easily use your brand colours on your Wix website. To do this, simply copy the hex code for the colour you want to use and paste it into the colour selector in Wix. This will ensure that your website is consistent with your brand colours.

Congratulations, you've learned how to use the Eyedropper Chrome extension to create a colour palette for your design work!

With this helpful tool, you can save time and avoid the frustration of searching for hex codes manually. Plus, you'll be able to maintain a consistent brand look across your website and beyond, which will make your business look more professional and trustworthy.

Remember, your website is often the first impression that potential customers have of your business. By paying attention to the details, such as your colour scheme, you can make sure that you're putting your best foot forward.

We hope that this guide has been helpful and that you're feeling more confident in your ability to choose and use colours effectively. And if you found this post useful, please share it with your friends and followers!

Want more tips and tricks to save you time with your Wix website? Sign up to the Wix Hacks Insider newsletter for your weekly dose of Wix website wizardry!


bottom of page