The Science of Colour - Hex Codes Deciphered.

The Science of Colour - Hex Codes Deciphered.

So this is a continuation of last week's Hex Code Blog! 

The beauty of Science is that color can be broken down into numbers that everyone can understand!

Ever wonder how designers manage to get those color combos just right—every single time? Here's the inside scoop: it’s not magic... it’s hex codes, those little six-digit codes that start with a hashtag (#). They’re not just for techies—they're your shortcut to beautiful, consistent color, whether you're designing a quilt, creating digital art, or dreaming up your next branding project.

Let’s break it down—quilter style! 

Wait, What’s a Hex Code Again?

Hex codes are six-digit codes made up of numbers and letters that represent color using the RGB (red, green, blue) system. Think of it like mixing paint—but digital.

Here’s a peek behind the curtain:
🔴 #FF0000 = Pure red (all red, zero green + blue)
🟢 #00FF00 = Pure green
🔵 #0000FF = Pure blue

The color values are defined in values between 00 and FF (instead of from 0 to 255 in RGB). Numbers are used when the value is 1-9. Letters are used when the value is higher than 9. For example, a=10, b=11, c=12, d=13 etc. 

For example, the hexadecimal number for the number 83 is actually 131 in the RGB scale. We come to this conclusion by:

1. Multiplying the 8 in 83 by 16 (8x16=128).

2. Multiplying the 3 in 83 by 1 (3x1=3).

3. Adding the two totals together (128+3=131).

Another way to think of it is: (8x16) + (3x1) = 131

Working with letters is the same concept. For example, FF = 255 because you multiply the number that represents F (15) by 16, then multiply the number that represents the second F (15) by 1. Then add the two totals together to equal 255. Recognize that the number 255 is the same as the RGB number 255, which is bright red.

Here's an example for the hex color #d1a41d:

Image description

Once you know the formula, it's like having a color recipe book at your fingertips.

Why Should Quilters + Creatives Care?

Here’s the fun part—hex codes aren’t just for digital designers. They’re crazy helpful when you’re:

Matching colors with precision – Found the perfect shade on Pinterest or Instagram? Snag the hex code and bring it into your quilt mockup or design plan.

Staying consistent across projects – Whether it’s your brand palette or your latest quilt pattern, using hex codes means your colors won’t accidentally go rogue.

Building out dreamy palettes – Want modern neutrals or high-vibe brights? Play with hex codes and get that perfect balance of calm, bold, or quirky.

Designing for Everyone with Accessibility in Mind

Designing isn’t just about looking pretty—it’s about making sure everyone can see and enjoy your work. Hex codes are super helpful for creating color combos that meet accessibility standards.

✔️ High contrast = easy-to-read designs
✔️ Colorblind-friendly palettes = more inclusive creations

Try tools like Adobe’s Accessibility Tool to test out your colors before you stitch (or post)!

Stay Ahead with Trending Hex Codes

Colors go in and out of style, just like fabric lines and pattern trends. Want to know what’s hot this season? Sites like Coolors, Pantone, and Adobe Color have loads of curated palettes—with hex codes ready to copy-paste into your planner, your site, or your quilt mockup.

Hex Codes = Total Color Confidence

You don’t have to be a designer to use hex codes like a pro. They’re your not-so-secret superpower for keeping your quilting (and your visuals) looking sharp, cohesive, and so you. Whether you're pairing fabrics or designing your brand, hex codes take out the guesswork.

So next time you're picking a palette, try cracking the hex code. Your color game? Leveled up.

Keep creating,
Jody 🌈✂️

Back to blog

Leave a comment

Please note, comments need to be approved before they are published.