.: Theory of HEX Colors
By:Ritesh Patel
Category:Home / Internet / Web Design
By Ritesh Patel
In this article, I will attempt to explain how hex colours work.
Firstly, what is HEX?
Hex, or Hexadecimal, is basically a number system with a different base to our "Decimal" system.
The number system Hex is based on a base of 16 (0,1,2...8,9,A,B,C...E,F) (as opposed to the Decimal system which has a base of 10 - from 0~9)
Here is a little example....
Dec 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Hex 0 1 2 3 4 5 6 7 8 9 A B C D E F
Ok...now that I've explained what Hex is...it isn't hard to guess why #FF9919 or #D390E1 are called "Hex Colours".
Firstly, the method your monitor displays the light is by 3 beams of light at the back of the monitor hitting the screen. So the colours are mixed with the concept of light, and not paints. Note: Mixing Light Beams and Paint is DIFFERENT.
LIGHT PAINT
White ALL colours NO colours
Black NO Colours All Colours
Hex colours are written with six characters...# FF FF FF, and each group of two represents a beam of colour. The strongest beam you can get is 'FF' and the weakest '00'.
So...in order of strength (weakest to strongest):
00, 01, 02, ... 0A, 0B, 0C ... 0F, 10, 11, 12, 13 ... 1F , 20, 21, 22 ... etc till F9, FA, FB, FC, FD, FE, FF.
The three beams of light are RED, GREEN and BLUE. Each beam of light is also given in the order RED, GREEN, BLUE - or RGB. So when you write #FF0000 you are telling the computer - full blast on the RED beam, and nothing for the GREEN and BLUE beam, so you will get RED! ...can you guess what #00FF00, #0000FF, #000000 and #FFFFFF are?
Obviously, not all colours are just plain red, green, blue, black or white - there are lots of colours in between, and to achieve this you just simply alter the value of the hex.
So if you want say, yellow, you need to mix Red and Green - so in other words, you want the computer to 'shoot' both Red and Green beams of light while leaving out blue...so you will enter #FFFF00
So...lets get creative...if we chose #F842D1 as our colour (that was completely random) we could say...
RED we have F8, that is rather strong
GREEN we have 42 pretty weak
BLUE we have D1...not the strongest...but nearly there.
Most of the colours are rather strong, so we could presume it is a light colour.
So, we could predict that the colour would be...reddish pink (purple is red and blue, and pink in my opinion is a lighter shade of purple)..and maybe an invisible (or really really light) tinge of green...lets see if I'm correct...HELLO WORLD ... sort of there...what do you think?
lets try...#F8CFD1 - same as above except I've made green a lot stronger...lets see what it looks like HELLO WORLD - note, how the colour shade has changed and it it is much paler colour - tending towards white (#FFFFFF).
I hope I've been making sense...now to the last little bit. Let's say, we want navy blue. we know that blue is the last group of 2....and navy blue is rather dark, so lets stay away from the letters...lets try using 22, 66 and 99...
#000022
#000066
#000099
You see how as the numbers increase the lighter the colour gets?
Article keywords: Hex colors, web colors, html colors, colors selection in html
Article Source: http://www.articles32.com
About Author:-
Ritesh Patel is a web designer and the owner of Graphics Design Centre (www.graphicsdesigncentre.com). He creates and redesigns websites for small businesses and encourages his clients to get involved with their customers via their site.
.: New Web Design Articles
1). HTML Might Become Obsolete
Web designers are beginning to dump HTML in favor of more versatile web programming languages
2). Macromedia Dreamweaver: An Introduction
Getting started with your first web page can seem very daunting indeed. Macromedia Dreamweaver is the industry leader in web editors, but knowing where to start and what you need to know can be a little confusing at first.
3). Finding A Good Web Designer
Avoid the mistakes I made when I hired someone over the internet to design my web site
4). Top Tips for Getting Free Websites
There are millions of opportunities of earning money online, but for that you frequently need to have a web site and there are many people interested in how to build a web site online for free. So whether you want to build a free business web site or to build a Yahoo-like web site, you can be sure there are plenty of online guides, such as this, to take you step by step through the process.
5). Is Your Web Site Driving Away Visitors?
Much has been written about optimizing your web site for search engines, but less emphasis is placed on usability. Optimizing for usability and for search engines is not a contradiction.
6). Choosing a Web Designer
freelance web designers are rip-off artists
7). HTML Sitemaps Are Still Important
An html sitemap is one that humans and search engines both can read. Google sitemaps are important too, but they are specific to google and are read only by a search engine.
.: Top Web Design Articles
1). Advanced Joomla Templating (pt1) Using Module Class Suffix
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
2). How To Make a MySpace Layout That Stand Out
If you are a MySpace user, you have learned what an easy to read and fun profile looks like. The only problem is, you may not know how to create or find out. Most of the time when you see an awful MySpace layout, it's because its sloppy, hard to read, or has annoying links you didn’t even see. That is because since MySpace has been growing so much, so have the layout sites.
3). Professional XOOPS theme design - What to look for
In general, prices for theme design work will range depending on a number of factors. If you don't mind the designer releasing the theme on their site for others to purchase, then you can expect anywhere from $20US to $50US for your theme. If the theme must be a one of a kind theme that only you use, you could expect to multipy the fee by at least 10x.
4). Adsense: The Smart Investment
Over the last 2 years, We have been building a Virtual Adsense Empire of over 500 websites and making some good money. We've also been building content sites for clients using the same system. The system we use is not something that produces 1000's of sites with a click of a button, our system does not build spam websites, nor does it produce the same sites you see over and over and over again.
5). Irish Graphic Design Industry
Graphic design is the use of color, light, balance, contrast, emphasis, proportion, proximity, repetition, texture and a plethora of other elements to create a work of digital art that is pleasing to the eye. Graphic design is about seamlessly molding image and text to convey a theme, message, or often advertise a product or service. Graphic design dates back to prehistoric times.
6). How to Create a Splash Page for Your Website?
These splash designs prove to be quite popular, especially among the designers as they allow the designer to show their skills in flash and any other technology on a single page. The splash page design involved in the splash page will be one that is very attractive to the eye of the viewer. Its main intention lies in captivating the viewer the moment he looks at it.
7). Does Your Web Design Include Background Music?
When you design your website, you may wonder whether or not you should include background music in your web design. The answer to this requires you to ask two additional questions: