Ir al contenido principal

Counting in Hexadecimal

When searching for how to convert decimal numbers to hexadecimal it may seem like a daunting task. Until you learn about modulo.

The easiest way for me to count in Hex is by counting in decimal and converting to Hexadecimal using the modulo operator(like a programmer).
  1. First you divide the decimal number by 16
  2. Math.floor() the Division Result
  3. Find the Division Remainder using modulo
  4. Divide the number of your Division Result by 16
  5. Repeat the previous steps until your Division Result is 0
For this example we will use the decimal number 53
Divide Division Result Division Remainder
53 / 16 Math.floor(3.3125) = 3 53 % 16 = 5
3 / 16 Math.floor(0.1875) = 0 3 % 16 = 3
We take the remainders going from the latest remainder to the one we got first. In this case 3 5(the order is important).

Then we use this table to translate the remainders into hex
Decimal value Hex Equivalent
1 1
2 2
3 3
4 4
5 5
6 6
7 7
8 8
9 9
10 A
11 B
12 C
13 D
14 E
15 F
Now we translate the result into hex using the table and concatenate the result. 3 turns into 3
5 turns into 5
The result is 3 5 and when concatenated the final result is 35. In order to indicate its a hex number you write "#" symbol. So #35 is the equivalent of 53dec(decimal).

More Examples:
  • Remainders 12 15 3 turn into #CF3
  • Remainders 5 10 14 turn into #5AE
Now practice until you get the hang of it!

Comentarios

Entradas más populares de este blog

All Possible Color Combinations

A display can project 16,777,216 different colors . One way to generate all color combinations is by using the same method employed on this article but with Hexadecimal numbers . If we count from 0 to 16,777,215(#000000 to #FFFFFF) and convert each number to hexadecimal we will generate all of the 16,777,216 colors . See this method in action by moving the slider below. See the Pen All Colors by LiveUser ( @liveuser ) on CodePen . By using this method to generate each color and assigning them to individual pixels I was able to produce a 8192x2048(16777216) pixel image. Click/tap here to see full resolution image

Hexadecimal to Decimal

To convert a hexadecimal to decimal all we have to do is do is perform the opposite procedure we used to convert to hex. In this example we will turn back the number that we used here(#35) into decimal. First we must use the table to get back again the Remainder Decimal value Hex Equivalent 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 10 A 11 B 12 C 13 D 14 E 15 F Note: each hexadecimal digit represents the Remainders found when converting the number from decimal to hexadecimal  Now revert the Process by performing these simple steps:  Use the  table above to find the decimal equivalent of each Remainder in the case of #35 is 3 5 Multiply each of the remainders(decimal equivalent of each hex character) by 16 to the power of "n" where "n" is the position of each character. The position of the character is found by counting from right to left and starting the count on 0 rather than 1. Note: the ...

How to learn how to code?

How I got Started My interest in video games(being a gamer) lead me to ask myself a couple of years ago "How do I make video games?". I ended up downloading a game engine called Unity 3d in which I found a Text editor with something called JavaScript . I Googled "What is JavaScript?" and "How to learn JavaScript?"  and ended up in a website called CodeCademy which had a very well structured interactive course. From there I started my coding journey  by reading online docs and different websites learning the basics of web development(HTML, CSS and JS) which lead me to learn how much knowledge I lacked in order to be able to develop video games. Developing video games was a lot harder and complex than I thought, I needed  to acquire 3d modeling skills, learn about texturing and animation, learn at least the basics of game engines and their specific functions for interacting with the scene and the elements using the programming language(scripting), audio r...