Wednesday, January 15, 2025
Let’s talk about color.
It’s not just an afterthought for your videos and designs—it’s the vibe, the energy, and the personality of your brand.
The bold red in your logo, the calming blue in your backgrounds, or the sleek black in your text all work together to tell your story.
And if you want that story to pop across every video, graphic, and project, your colors need to be on point.
But nothing throws a wrench into your creative flow like mismatched shades.
That slightly off blue? Ugh.
The almost-but-not-quite red? Nope, not cutting it.
That’s where hex codes swoop in to save the day.
These six-character wonders unlock the exact shades you need—no guesswork, no "close enough."
In this guide, I’m going to show you how to harness the power of hex codes, create a custom color cheat sheet, and use those perfect hues to make your whiteboard explainer videos stand out.
Think about Coca-Cola’s bold red or McDonald’s golden arches—those colors don’t just look great, they are the brand.
Color isn’t just decoration; it’s a powerhouse for recognition, with studies showing that consistent color use can boost brand recognition by up to 80%.
In whiteboard explainer videos, color plays a starring role in telling your story.
When you use colors that reflect your brand identity, you’re not just creating something pretty—you’re building trust and familiarity with your audience.
Research shows that colors aren’t just visual; they’re emotional.
Blue says “trust me,” yellow says “be happy,” and your brand’s unique palette?
It sparks a connection that words alone can’t achieve.
But here’s the kicker: even a slight deviation from your brand colors can throw things off.
If your logo is green, but your video leans into a random shade of blue, it might look okay—but something will feel “off” to your audience.
They may not notice it outright, but the mismatch quietly chips away at their perception of your brand.
Consistency is the magic word here.
Sticking to your exact shades ensures every piece of content—from your website to your videos—feels like part of a bigger picture.
Whiteboard videos, with their clean and simple aesthetic, amplify your message, and your colors are a key part of making it all click.
The best part?
You don’t have to guess or eyeball your brand shades.
Tools like Canva and ImageColorPicker.com make it easy to pull the exact hex codes from your logo and other assets, so every color you use is spot on.
Ready to unlock the magic of hex codes?
Let’s dive into the basics and see how they can bring your brand’s visuals to life.
If you’ve ever wanted the exact shade of a color for your videos or designs, hex codes are your secret weapon.
But what exactly are they?
A hex code is a six-digit combination of numbers and letters that represents a specific color in the RGB (Red, Green, Blue) system.
Think of it as a color’s digital fingerprint.
The six digits are split into three pairs, each showing the intensity of red, green, and blue in the mix.
For example:
So, why are hex codes so important for digital content?
Precision.
When creating videos or graphics—especially with tools like Doodly—using exact hex codes ensures every color is consistent across your projects.
This is critical for maintaining a cohesive and professional brand identity.
Have you ever loved a color on screen but couldn’t recreate it later?
Frustrating, right? Hex codes eliminate the guesswork.
They let you perfectly match any shade you’ve used before, whether it’s a clean white background (#FFFFFF), bold black outlines (#000000), or an attention-grabbing red for text highlights (#FF5733).
By relying on hex codes, you ensure that every element of your video—text, illustrations, and more—aligns seamlessly with your brand.
And the best part?
These codes work universally across software, so you’ll get the same results whether you’re using Doodly or another tool.
Now that you’ve got the basics down, let’s explore how to generate these exact shades using tools that make the process easy and efficient.
Alright, you’ve got your eye on those perfect brand colors.
Now, let’s talk about how to grab those exact hex codes to ensure your designs are on point every time.
There are plenty of ways to extract those hex codes from your images—and some are faster and more efficient than others.
Let’s dive in and explore your options!
If you’re someone who likes to take matters into their own hands (literally!), manual color pickers are a great place to start.
It’s the DIY method, where you get to play with every pixel until you’ve got your colors just right.
How It Works:
Manual color pickers usually come in the form of an eyedropper tool within image editing software or online apps.
All you have to do is click on the part of your image that contains the color you want, and—boom!—you get the hex code for that exact shade.
It’s like having a magnifying glass for your digital color world.
The Catch:
While it’s great for picking out a single color from an image, this method can get a little slow if you’re trying to grab multiple shades at once.
And if your image features gradients or complex color variations, it can be tricky to get the perfect color every time.
It’s precise, but a little time-consuming.
The Best Use Case:
If you only need one or two colors, the manual method is perfect!
It gives you complete control and accuracy.
But if you're working with a colorful image or logo that has a wider palette, you might want to speed things up with something more automatic.
Not feeling the manual work?
Canva has you covered with a super easy, automated tool that makes extracting your brand colors feel like a breeze.
Think of it as your personal color assistant that does all the heavy lifting for you.
Upload Your Image:
Head over to Canva’s Color Palette Generator, upload an image that represents your brand (like your logo or a screenshot of your website), and let the tool work its magic.
Canva will analyze the image and automatically extract the primary colors within seconds.
Automatic Color Extraction:
Once uploaded, Canva pulls out the main colors from your image—usually around four shades—and provides you with their corresponding hex codes.
No more guessing or coming up with quirky names for shades like “faded plum.”
Canva does the thinking for you and even names the colors, so you don’t have to get creative!
Simple and Quick:
This tool is user-friendly and quick, which makes it ideal for grabbing a basic color palette from a single image.
However, keep in mind that it usually extracts a small number of colors—around four, so if your image is more complex or has a wider variety, this tool might not capture every shade.
Pro Tip:
For best results, use high-quality images with clear color contrasts.
Canva’s generator shines when it has a well-defined color palette to work with, so make sure the image you’re uploading shows off your brand’s colors in all their glory!
If you’ve got an image with a lot of colors to extract or a more intricate design, ImageColorPicker.com is your go-to tool.
It’s like the superhero of color pickers, swooping in to save the day with its ability to grab up to 10 colors at once.
Upload Your Image:
Visit ImageColorPicker.com and upload your brand image.
Whether it's your logo, a website screenshot, or any other image that represents your brand, this tool will work hard to give you a comprehensive color palette—up to 10 colors at once!
More Colors, More Control:
Unlike Canva, which gives you only a handful of shades, ImageColorPicker allows you to pull out more than just the basics.
With up to 10 colors at your disposal, this tool is perfect for logos with lots of variations or images with detailed color schemes.
Plus, it provides the hex codes and RGB values for each color, so you’re covered no matter where you’re using them.
Hex and RGB Codes:
This tool is a bit more “hands-off” in the naming department, but it’s a color-code connoisseur when it comes to providing accurate hex and RGB values.
If you need a precise match for your brand colors and want to use them in different platforms or tools, this is the perfect option.
Pro Tip:
When working with more complex color palettes, be sure to check that the colors you’ve extracted are showing up as you expect in your designs.
ImageColorPicker gives you all the data you need, but sometimes it's worth double-checking the results!
Alright, you’ve got your hex codes locked and loaded—it’s time to level up your game! Let’s talk about creating a Custom Color Cheat Sheet, your ultimate sidekick in keeping your brand colors consistent, accessible, and ready for action. Think of it as your personal color compass, always pointing you in the right direction whenever inspiration strikes. Let’s jump right in!
Step 1: Organize Like a Pro
Before you dive into design glory, you need to get those colors in order. It’s not just about having the codes—it’s about knowing how and where to use them. Here’s how to get started:
Group Your Colors by Purpose:
Not all colors are created equal. Some are the stars of the show, while others play supporting roles. Break down your colors like this:
Give Them Personality:
Hex codes alone can feel a bit… robotic. Add some personality by naming your colors in a way that makes sense to you (and anyone else on your team). Instead of #FF5733, try:
Giving your colors clear, functional names makes it so much easier to know exactly where and how to use them.
Step 2: Create a Visual Reference Guide
Let’s face it: staring at a list of hex codes isn’t exactly inspiring. That’s where your visual cheat sheet comes in. Seeing your colors in action—next to their names and codes—makes all the difference.
Design a Color Block Grid:
Use tools like Canva, Google Docs, or even Excel to create a grid of color swatches paired with their hex codes. Here’s what to include:
For example, your grid could look something like this:
This way, you’ll have a handy reference that’s both functional and visually pleasing.
Step 3: Go Digital for Easy Access
Your cheat sheet is only as good as its accessibility.
Save it somewhere convenient so it’s always within reach when you need it.
Store It in the Cloud:
Platforms like Google Drive, Dropbox, or OneDrive are perfect for storing your cheat sheet.
Share it with your team so everyone can stay on-brand.
Keep It Open While You Work:
If you’re using tools like Doodly or Canva, keep your cheat sheet open in a browser tab for quick access.
That way, you can grab a hex code or check a color swatch in seconds.
Print a Hard Copy (If You’re Old School):
Sometimes, nothing beats a printed guide pinned to your workspace.
A hard copy can be a lifesaver if you’re working offline or just need a quick visual reference.
Step 4: Update as Your Brand Evolves
Brands grow, styles change, and your cheat sheet should keep up.
If you tweak your brand colors or add new shades, don’t forget to update your guide.
Keeping it fresh ensures that your designs stay cohesive and reflect your brand’s current identity.
By now, you’ve got all the tools to build a custom color cheat sheet that’s as sharp as your brand identity.
With this guide in your corner, you’ll never have to second-guess your colors again.
Ready to put your palette to work?
Let’s keep the momentum going as we bring your brand to life in your next project!
Your custom colors are ready, and now it’s time to put them to work in Doodly!
Customizing your assets with hex codes doesn’t just elevate your videos; it aligns them perfectly with your brand identity.
Let’s break it down step by step so even a first-timer can picture exactly how it’s done.
Step 1: Selecting a Doodly Asset to Customize
To start, you’ll need something to work with—think characters, props, or other SVG-based assets in Doodly’s library.
Here’s how to pick the perfect asset to customize:
1. Head to the Character or Props Tab:
2. Drag an Asset into Your Scene:
Once you’ve found a character or prop that fits your video’s theme, drag it directly into your scene. Now it’s ready for customization.
Step 2: Opening the Asset Settings
Once your asset is on the canvas, it’s time to unlock the settings that allow you to change its colors:
1. Click the Asset to Activate the Menu:
2. Click the Gear Icon:
3. Locate the Color Menu:
Step 3: Applying Your Hex Codes
Now comes the fun part—watching your asset transform as you apply your brand colors:
1. Input Your Hex Code:
2. Fine-Tune the Details:
3. Hit Apply:
Step 4: Building a Custom Color Palette in Doodly
Why stop at adding colors one by one when you can create a handy cheat sheet of all your brand’s hex codes right inside Doodly?
Here’s how to set up your own custom color palette:
1. Create a Text-Based Cheat Sheet:
2. Color the Text to Match:
3. Save the Scene as Your Brand Palette:
4. Export the Cheat Sheet as an Image:
5. Reimport the Cheat Sheet to Doodly:
Step 5: Bringing Your Brand Colors to Life Across Your Video
With your custom colors applied and your palette saved, it’s time to weave your brand identity into every corner of your video:
By following these steps, not only will your videos look polished and professional, but they’ll also feel undeniably yours.
Your brand colors aren’t just an accessory—they’re the personality, trust, and recognition you bring to your audience.
And with Doodly, you now have all the tools you need to make them shine!
Alright, so you’ve got your custom colors all set up in Doodly—awesome! But here’s the thing: getting your colors organized is just the start.
Keeping them in one easy-to-access place can seriously level up your content creation game. Enter the color cheat sheet.
Trust me, this little tool can be a total lifesaver.
I know, it might sound like a minor thing, but don’t sleep on it! A color cheat sheet is more than just a list of hex codes.
It’s a secret weapon that saves you time, keeps your branding tight, and ensures everything you create looks polished and professional.
Here’s why you’ll want to add one to your toolkit:
1. Saves Time and Cuts Out the Guesswork
Raise your hand if you’ve ever had to stop mid-project, frantically searching for the right hex code. 🙋♀️
Yep, we’ve all been there! But with a color cheat sheet, that frustration is a thing of the past.
No more Googling or guessing colors on the fly.
You’ll always know exactly which shade to use, so you can zip through your project without second-guessing.
It’s like hitting the fast-forward button—who doesn’t want that?
2. Keeps Your Branding Consistent
We’ve talked about how important consistency is, right?
Well, a color cheat sheet is your ticket to keeping everything on-brand.
When you’ve got all your brand colors and their hex codes in one place, it’s easy to make sure your content—whether it’s a Doodly video, a blog graphic, or a social post—looks cohesive.
You won’t have to worry about mismatched colors or wondering if you’re using the right shade.
And consistency means your brand becomes instantly recognizable, which is key to building trust with your audience.
3. Makes Collaborating So Much Easier
If you’re working with a team—or even just a designer or a content partner—your color cheat sheet becomes the ultimate collaboration tool.
Instead of playing the “What’s the hex for that blue?” guessing game, just share the cheat sheet. Boom!
Everyone’s on the same page, using the exact same shades.
It keeps things moving smoothly and saves you the headache of explaining your color choices over and over again.
Seriously, it’s a time-saver you didn’t know you needed.
4. Streamlines Your Content Creation
As you keep churning out content, having your colors all in one place makes the whole process so much faster.
Instead of hunting for the right shade every time you start a new project, you can jump right into the creative part.
And as your brand grows, you’ll appreciate how having an organized color cheat sheet makes scaling up feel like a breeze.
Next time you’re working on something new, all your colors will be right there, waiting for you.
5. Boosts Your Professionalism
Nothing screams "I’ve got it together" more than a polished, consistent color scheme.
When your colors are spot-on, your content automatically looks more professional.
It gives off that "I know what I’m doing" vibe, and people are more likely to take you seriously.
A color cheat sheet helps you keep everything looking sharp and cohesive, which in turn makes your brand feel more put-together.
It's the simple tool that packs a punch!
6. Makes Your Brand Future-Proof
Here’s the thing: a color cheat sheet doesn’t just serve you today; it’s also an investment in your brand’s future.
If you decide to tweak your colors or refresh your brand palette down the road, your cheat sheet will be ready to evolve with you.
Plus, it’s a great way to keep track of any changes to your color scheme over time.
No more worrying about losing your brand identity or getting mixed up with old shades.
It’s a tool that grows with you, so no matter where your business goes, your color game stays strong.
With all these benefits, it’s clear that a color cheat sheet isn’t just a nice-to-have, it’s a must-have for content creators.
It keeps your workflow smooth, your brand consistent, and your projects on track.
If you're working alone or with a team, having a cheat sheet ensures you're always ready to apply your brand colors without hesitation.
So, make sure to set it up and watch your content creation process get a whole lot easier!
And there you have it!
By organizing your brand’s colors into a custom color cheat sheet, you’ll streamline your content creation process, stay consistent with your branding, and save time—plus, it’ll make collaboration a breeze.
No more scrambling to find the right color or worrying about mismatched shades.
Instead, you’ll always be ready to create polished, professional content that perfectly reflects your brand.
Ready to take your branding to the next level?
Start building your color cheat sheet today, and make sure your brand colors are always just a click away.
Happy doodling!
8 Min Read
Video marketing is a preferred method to promote business these days. It is a great marketing tool that can help you stay relevant and help guide potential clients towards you. […]
8 Min Read
Did you know that a customer review is the most important factor in your SEO strategy? It can be hard to get and keep customers, but once they move to […]
8 Min Read
Have you ever seen a product that made your head turn? It caught your attention, right? Now, that doesn’t necessarily mean you were interested in the product, but for some […]
Voomly is the perfect platform to host videos advertising your brand.
And with its ultra-customizable, no-coding-required video tools, you’ll get the absolute best results from your sales videos.
Select video player colors, border skins, player skins, and customized thumbnails … potentially increasing your sales video views by as much as 4X, according to some research.
Drive website traffic by adding a clickable brand logo to your video player … so anyone watching your videos can easily find out more about your products and services.
Promote a professional image by using video players that “travel” with your video … so when your videos are shared via social media, everyone sees them in a video player that displays your logo and brand colors.
Hide or display controls, like the play bar, time, volume, speed, autoplay, full-screen option and more, customizing your player to your marketing goals.
30-Day Money Back Guarantee
If you are not completely satisfied with Voomly within 30 days, we will refund 100% of your payment. Just email us at support@voomly.com and every penny will be gladly refunded to you within the first 30 days. Nothing could be more fair than that.