{"id":271,"date":"2016-04-09T10:15:54","date_gmt":"2016-04-09T10:15:54","guid":{"rendered":"http:\/\/www.gtechbooster.com\/?p=271"},"modified":"2026-01-03T17:35:51","modified_gmt":"2026-01-03T17:35:51","slug":"hex-color-code","status":"publish","type":"post","link":"https:\/\/gtechbooster.com\/hex-color-code\/","title":{"rendered":"Hex Color: explaining hexadecimal number used in HTML, CSS, SVG on the web"},"content":{"rendered":"\n

A hex color also known as hex triplet is a six-digit, three-byte hexadecimal number used in HTML, CSS, SVG, and other computing applications to represent colors. The bytes represent the red, green and blue components of the color. <\/p>\n\n\n\n

\"\"<\/a><\/div><\/div>

One byte represents a number in the range 00 to FF (in hexadecimal notation), or 0 to 255 in decimal notation. This represents the least (0) to the most (255) intensity of each of the color components. Indicating that colors for the web are specified in the True Color (24-bit RGB) color scheme.<\/p>\n\n\n\n

What comes to mind when you see; #1A1B1B<\/h2>\n\n\n\n

Televisions, monitors and virtually every electronic color display unit; displays color by combining Red, Green and Blue light known as RGB or its equivalent.<\/p>\n\n\n\n

The RGB color model is an additive color model in which red, green, and blue light are added together in various ways to reproduce a broad array of colors. Typical RGB input devices are color televisions, video cameras, image scanners, video games devices and digital cameras.\u00a0<\/span><\/p>\n\n\n\n

This RGB was created to display color of up to 255-bit. That is; you can use colors by setting arrays from 0 to 255 of red, blue and green light to obtain any color.<\/p>\n\n\n\n

For example, rgb (255,0,0) is displayed as red<\/strong><\/span>, because red is set to its highest value (255) and the others (green<\/strong><\/span> <\/strong>and blue<\/strong><\/span> <\/strong>) are set to 0.<\/p>\n\n\n\n

The important thing you need to know about hex codes is that they are not  based on ten digits (0 to 9), they are based on 16 digits (0 to F). Six numbers and Six alphabets. <\/p>\n\n\n\n

Hex was originally; a # <\/strong>sign with 6 other numbers. The # <\/strong>sign to tell the compiler or assembler it is dealing with Hex Color.<\/p>\n\n\n\n

The 6 figures were to be 1, 2, 3, 4, 5, 6, 7, 8 and 9. with every two of these numbers representing; Red<\/strong>, Green<\/strong> and Blue<\/strong>. As in;<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

That is a hex color<\/span> of  <\/b>#<\/b>11<\/b>11<\/b><\/span><\/span>11<\/span>     <\/b>= <\/b>rgb<\/b> 17<\/b><\/span>,<\/b>17<\/b><\/span>,<\/b>17<\/b><\/span><\/p>\n\n\n\n

But there was a constraint. In that, if we used numbers only, we would only be able to represent up to 99 in two digits with the digits (0 to 9). <\/p>\n\n\n\n

To make hex code; able to display up to 255-bit of color and meet with rgb,  <\/b> A, B, C, D, E and F were adopted. Where; A = 10       B = 11       C = 12       D = 13       E = 14       F = 15  <\/b>Becomes the secret recipe. This made the trick;<\/p>\n\n\n\n

\n\t\n\t\t\n
\n