Hexadecimal and Coloring Or Paint by Number Below We've Given You a Golden Spiral to Color. We've Even Told You What Colors To

Hexadecimal and coloring or Paint by number

Below we've given you a Golden Spiral to color. We've even told you what colors to use. Go ahead. Get some colored pencils or crayons and start coloring. Enjoy!

#77 #006666 BDBD

#44D3D3

#47AD88 #00FFFF

#22E9E9

#006666

What? You don't know what colors I want you to use?

1. Do you recognize any hexadecimal numbers for colors? If so, name one and write its named color beside it.

A decimal number is a number written in our base 10 number system using the digits 0 through 9. The number can contain a decimal point to denote fractional portions of a whole decimal number.

Now, what is a hexadecimal number?

2. Try to define what a hexadecimal number might be. The root words contained in "hexadecimal" are a hint.

In this black and white document I can only show you black, gray, or white colors. So here goes.

White is color #FFFFFF

Silver is color #C0C0C0

Gray is color #808080

Dark Gray #A9A9A9

Black is color #000000

Hexadecimal numbers don't just use the digits 0 to 9. They are numbers that use both the digits 0 to 9 and the letters A to F.

0 1 2 3 4 5 6 7 8 9 A B C D E F

3. How many digits are written in the above list?

Aha!

4. Please list, in decimal numbers, all of the 2-digit decimal numbers. Begin with 00, 01, etcetera. You can stop when you've demonstrated that you know the numbers and their order.

5. If you had listed all of the 2-digit decimal numbers, how many would you have listed?

6. Please begin a list of all 2-digit hexadecimal numbers. You don't have to finish this list either just get a feel for how the numbers progress and demonstrate that you get the idea. Begin with 00, 01, etcetera.

7. If you had completed your list of all hexadecimal 2-digit numbers, how many numbers would you have listed?

Hexadecimal colors consist of three 2-digit color strength measures. The first 2 digits are the amount of red in a color written along the scale of 2-digit hexadecimal number. The next two digits of the 6 digits are the amount of Green The last two digits are the amount of Blue. Example: #CC4040 is a lot of red, some blue, and the same amount of green as there is blue.

Blending light is not the same as blending paints. In light, combining equal strengths of green and red make yellow. Equal amounts of all 3 primary light colors (red, green, and blue) make white. Weird but true!

8. Using hexadecimal numbers, how might you write equal parts of red and blue and no green? What color do you think that you just denoted? This grouping is similar to paint primary blending.

Here's a link where you can see what the blend of different primary light colors produce: http://www.yummymath.com/wp-content/uploads/RGB-Venn-Diagram.jpg

We've created an interpretation of the scale of hexadecimal values from the strongest ranking (in the top left position) to the weakest ranking (in the bottom right position). As an example, if red were valued at 1A ranking then the value of red would only be about 10% of the possible strength of red.

FF 100% EF DF CF 81% BF 75% AF 9F 8F 56% 7F 6F 5F 4F 31% 3F 2F 1F 0F FE EE DE 87% CE BE AE 9E 62% 8E 7E 6E 5E 37% 18% 1E 0E FD ED 93% DD CD BD 74% AD 68% 9D 8D 7D 6D 5D 3D 24% 1D 0D FC 99% EC DC CC 80% BC AC 9C 61% 8C 7C 6C 5C 2C 1C 0C FB EB 92% DB 86% CB BB AB 9B 8B 7B 6B 5B 3B 1B 0B FA 98% EA DA CA BA 73% AA 67% 9A 8A 7A 6A 5A 4A 1A 10% 0A 4% F9 E9 D9 85% C9 79% B9 A9 99 60% 89 79 69 35% 19 09 F8 E8 91% D8 C8 B8 72% A8 66% 98 88 78 68 58 18 08 F7 97% E7 D7 C7 78% B7 A7 97 87 77 67 27 17 07 F6 E6 D6 84% C6 B6 A6 65% 96 59% 86 76 66 40% 36 15% 16 06 F5 96% E5 90% D5 C5 B5 71% A5 95 85 75 65 15 05 F4 E4 D4 C4 77% B4 A4 94 84 74 64 54 44 14 04 F3 E3 89% D3 83% C3 B3 70% A3 64% 93 83 73 45% 63 23 13 03 1% F2 95% E2 D2 C2 76% B2 A2 92 82 72 62 32% 26% 32 12 7% 02 F1 E1 D1 82% C1 B1 A1 63% 91 81 71 61 11 01 F0 94% E0 88% D0 C0 B0 69% A0 90 80 50% 70 60 50 40 25% 20 10 00 0%

9. As you hopefully noticed, I left some values blank. I got tired. You don't have to fill in all of the blank spaces but please fill in at least 10 of them.

10. What hexadecimal 2-digit number represents 50%?

11. Can you make any sense of that? Please explain.

These 2-digit hexadecimal numbers are going to tell our electronic devices how much of each light color to use when mixing light colors. Remember that they will be written RRGGBB.

12. What number will be used to mean that you should use the strongest value of that color?

13. What hex number will be used to mean that you should use about 50% of the strength of that color?

14. What hexadecimal number will be used to mean that you should use none of that color?

15. At the beginning of this activity we told you that white is #FFFFFF. Now that you know more about hexadecimal numbers, what does that mean?

We found it incredibly interesting that the color #EE5959 would mean that there is a lot of Red (about 93% of its possible strength - according to our chart, and then about 35% green and 35% blue. 35% of the red + 35% of the green and 35% of the blue would all combine to present the color of white. But there would still be 93% - 35% = 68% red left over. 68% left-over red + 35% white would produce dark pink. Cool.

Last problem. We think that there is so much to understand and learn about using hexadecimal numbers that we could go on asking you tons of questions. But maybe that would be too much for one day.

16. Please make up one question that you could bring to class tomorrow about these numbers that students might be able to figure out.

If you have the inclination and the time, go back and color our Golden Spiral.

Source: http://www.w3schools.com/html/html_colorvalues.asp http://www.december.com/html/spec/colorcodes.html

Brought to you by Yummymath.com