top of page
Writer's pictureCaitlin Pieters

How to Pick Colours off an Image and Use Them on Your Wix Website and Beyond

We totally understand the struggle of finding the right colours that make your website look amazing. But guess what? We've found an awesome free tool called Coolors.co that'll make your life so much easier. And trust us, it's not just easy—it's also super fun to play around with!


So, here's the deal: Coolors.co does all the hard work for you. It analyses the colours in your image and creates a beautiful colour palette based on them. How cool is that? Once you have your palette, you can easily pick the exact colours you want and even see the 6-digit hex codes for each colour.


But that's not all! We're not going to leave you hanging. We'll guide you through using these fantastic colours on your Wix website, as well as on Canva and other design tools. Why is this important? Well, when you use consistent colours throughout your branding, you'll give your business a professional and cohesive look.


So, let's make this a fun and productive journey together, shall we? Grab yourself a cup of delicious coffee ☕, get comfy, and let's dive into the wonderful world of picking colours off an image with Coolors.co!



Step 1: Choose an Image with Colours You Love

The first step is to find an image that you really like the colours of. This could be a photo, a painting, or even a screenshot of a website you admire. Once you have your image, head over to Coolors.co.


Step 2: Upload Your Image and Start the Generator

Once you're on Coolors.co, click on 'Start the generator.' From there, you can upload your image by clicking on the 'Upload' button. Coolors.co will then analyse the image and create a colour palette based on the colours in the image.


Step 3: Pick Your Colours

To pick the exact colours you want, click on the block of colour in the colour palette that you want to change. Then, scroll around with your mouse on the image and pick the exact colour you're looking for. Repeat this process for each colour you want to add to your palette.


Step 4: View Your Colour Palette

Once you're happy with your colour palette, click on 'Next' and then click on 'Open in the generator.' This is where you'll see all your colours. You'll be able to see the 6-digit hex code - these are the exact colour codes for each of your chosen colours.


Step 5: Use Your Colours on Wix and Other Design Tools

Now that you have your colours, it's time to use them on your website! To add them to your Wix colour palette, go to the Wix editor and click on the 'Design' tab. From there, click on 'Colours' and then 'Custom.' You can then add your exact hex codes for each colour.


You can also use your colours on Canva and other design tools by adding them to your swatch or colour palette. This will make it easy to use your colours consistently across all your marketing materials and branding efforts.


And that's a wrap! Now you can easily pick colours off an image, create a colour palette and add the colours to your Wix website as well as anywhere else that you need brand colours for a professional and cohesive look.


 

Want more tips and hacks like these? Be sure to sign up to our newsletter: The Wix Hacks Insider





Comments


bottom of page