Understanding How HTML Color Codes Work

Ever marvel how HTML coloration codes are put collectively? For the newbie, it could appear like a lot of numbers and letters that make no sense. In actuality, HTML coloration codes are written that method for a selected cause that we’ll have a look at on this article.

Introduction to the Hexadecimal System

In arithmetic, the hexadecimal or just hex is a numeral system with a base of 16 often written utilizing the symbols 0-9 and A-F. The numbers 0-9 have the identical worth as within the decimal system however beginning with the letter A, the worth retains going up one as much as the worth of 16. A is value 10, B is value 11 and so forth till you get to F which is value 16.

How the HTML Coloration Codes are put collectively

HTML Coloration codes are composed of six hex numbers that characterize a attainable 16.7 million coloration combos. The color hex map codes are constructed on the RGB coloration mannequin. R stands for pink, G for inexperienced, and B for blue. Together with your typical html code that appears like this: #FFFFFF it breaks down as follows. The primary two hex digits #FFFFFF characterize ‘pink’. The second set of two hex digits #FFFFFF characterize the colour inexperienced. The third and last set of two hex digits #FFFFFF characterize the colour blue.

A quick overview of the RGB mannequin

The RGB coloration mannequin, just like the HTML coloration mannequin can characterize a complete of 16.7 million colours. By various the amongst of pink, inexperienced, and blue, one can provide you with any of 16.7 million colours. Every RGB worth is represented by a quantity from 0 to 255. So a set of RGB values for the colour white as an illustration, would appear like this: 255, 255, 255.

Placing HTML and RGB Collectively

We have already established the hex numeral system with it is quantity vary between 0 to 16. Now, whenever you mix two hex numbers, you possibly can characterize any quantity between 0 and 255. As you possibly can see, RGB and HTML coloration codes characterize the identical coloration mannequin.

Websafe Coloration Palette

Years in the past, displays may solely show 256 colours. These displays have been nonetheless in style when HTML was first put collectively. As such, it was crucial to place collectively an inventory of colours that net designers may make sure any given monitor may correctly show. Net secure colours are the outcome. The websafe coloration palette is made up of 216 colours.

It’s at all times good follow to choose normal colours throughout the board, however it’s not completely crucial to stay with net secure colours. Doing so now’s extra for functions of holding to plain than it’s for necessity. One exception to this rule could also be creating web sites for cellphones and PDA’s. Having stated that, these units at the moment are surpassing this barrier as effectively.

#FFFFFF represents the colour white. #000000 represents the colour black with each different coloration in between. I hope you now have a a lot better thought of why HTML coloration codes are look the way in which they do.

Leave a Comment