I first did a video about how to find your colour hex code values back in 2021, in the days before Canva had any sort of colour eyedropper tool!
But given that they do now have that feature, I wanted to record an updated version of this video for those of you who are trying to figure out the precise hex code value of your desired brand colours.
Resources Mentioned
- Free Trial of Canva Pro (Affiliate Link)
- ColorZilla Chrome Extension
Transcript
What’s a colour hex code?
It’ll look like this. It starts with the pound or hashtag sign, and is followed by a 6-character alphanumeric code.
This is what you’re going to want to input when you add your colour palette into Canva so you can ensure you are using exactly the same colour value as your other marketing materials.
You want consistency with your colours, in order to create a sense of cohesiveness across all of your graphics and marketing materials, because slight deviations in your colours are going to make things feel inconsistent and visually cluttered.
So here are 4 ways you can find your hex colour values.
Ask your Designer
First, ask your designer if you have one.
If you worked with a branding specialist or graphic designer to create your brand’s color palette, they likely provided you a brand spec sheet with your hex values; if they didn’t, see if you can get that list from them.
Canva Eyedropper
You could also obtain your colour codes by using the eyedropper tool in Canva, but this is only going to be available to you in the Chrome browser. Start by selecting a page and then you’ll find an eyedropper available here under the colour picker, when you click on the “Add new colour” tool.
Then if you hover over the colour you’re trying to identify and click on it, it will register the hex colour value here, plus it will automatically set your design page background to that colour.
Firefox Eyedropper
You can also use the Firefox browser.
If you open up Firefox and go to tools and then go to eyedropper, you’ll see a tool that looks like this and then you can drag it over top of the colour that you’re trying to get the code for and you can see the code right here.
ColorZilla Extension
Or if you prefer to use the Chrome browser, you can get the ColorZilla extension and I’ve included a link to that below this video. That extension is going to allow you to hover over a colour and determine the colour hex value.