Skip to Content

Color by Hexadecimal Rainbow Coding Activity

This Color by Hexadecimal Rainbow is an excellent activity to introduce hexadecimal color coding other to young kids with a recognizable and well-known object!

My kids love color-by-number activities including pixel coloring images. Color-by-number activities are a great way to introduce basic coding skills by following a key code, matching pieces and patterns to create an image, and executing an algorithm or series of steps to complete the activity!

This Color by Hexadecimal Rainbow worksheet is a great first hexadecimal worksheet to introduce HTML color coding and other basic coding skills! #teachkidstocode #STEAM #STEM #coding #colorbynumber #colorbyhexadecimal

The colors of the rainbow (ROYGBIV) are an easy way to introduce common hexadecimal colors to young kid coders.

This activity helps connect the hexadecimal code to a well known pattern, which helps to relate technology to a knowledge that is already known. 

What are Hexadecimal Color Codes?

Hexadecimal color codes, or “hex” color codes, are how the colors we see in the world around us are translated into coding applications for use on websites.

Hexadecimal color values are colors that are supported in all web browsers. Every website you visit uses hex color codes! 

A hexadecimal color is specified with #RRGGBB. RR (red), GG (green), and BB (blue) are hexadecimal integers between 00 and FF that identify the intensity of the color.

For example, the color aqua is #00FFFF in hexadecimal code. The hexadecimal code for aqua shows that there is 00 red used to make aqua while there is the highest intensity of blue and green used (FFFF). 

Hexadecimal colors are defined by a mix of red, green, and blue. This is called the RGB color system, which consists of colors made from mixing red, green, and blue.

The RGB color system is also referred to as an “additive” system because it starts with black and color is added. Each color has 256 levels of intensity, which means that there are over 16 million hex color codes to choose from! 

Recommended: Hexadecimal Color by Number Easter Eggs

How to Use the Hexadecimal Rainbow Worksheet

The Hexadecimal Rainbow worksheet should be printed in color because you’ll need to reference the hex code color key for this activity. 

Pick out markers, pencil crayons or crayons that match as closely as possible to the color legend on the coloring sheet. 

Find the hex code you want to start with in the color key. Next, match the hexadecimal code in the rainbow.

Fill the correct sections in with the matching color listed in the color key.

This Color by Hexadecimal Rainbow worksheet is a great first hexadecimal worksheet to introduce HTML color coding and other basic coding skills! #teachkidstocode #STEAM #STEM #coding #colorbynumber #colorbyhexadecimal

<<< CLICK HERE TO PRINT THIS FREE COLOR BY HEXADECIMAL RAINBOW >>>

PIN THIS IMAGE TO SAVE THIS HEXADECIMAL RAINBOW CODING ACTIVITY

This Color by Hexadecimal Rainbow worksheet is a great first hexadecimal worksheet to introduce HTML color coding and other basic coding skills! #teachkidstocode #STEAM #STEM #coding #colorbynumber #colorbyhexadecimal

Easter STEAM Activities

Check out these awesome Spring and Easter STEAM activities that are the perfect way to incorporate Science, Tech, Engineering, Art, and Math into the season!

Meet Toni, the Maker Mom behind Our Family Code

A picture of Toni, the author, wearing a green tie dyed shirt.

Hey there, I’m Toni! I’m a software engineer and Maker Mom that finds my joy in unleashing my children’s curiosity by exploring STEAM concepts with my fantastic five!

When I’m not chasing toddlers or raising tweens, you can find me tearing things up and putting them back together over here at Our Family Code.

I am the owner and content creator of multiple educational websites designed to increase access to STEAM & STEM education with a focus on teaching computer science and coding to kids of all ages!

You can also find out more about me by visiting ToniGardner.com!

STEAM KID Activities logo
A picture of the logo for Brandicionado.com.
A picture of the logo for RocktheSteamteam.org
A picture of the logo for GetMovingMama.com
our family code horizontal logo
A picture of the logo for ThisKidCanBake.com
A picture of the logo for tonigardner.com
A picture of the logo for lodeofcode.com

This site uses Akismet to reduce spam. Learn how your comment data is processed.

TechyKids Canada

Monday 13th of September 2021

This is such an interesting idea for making coding fun for kids, it can help them to cement their knowledge. Thanks for sharing!

This site uses Akismet to reduce spam. Learn how your comment data is processed.