Web Safe
A web safe colour is one that will display correctly on any screen, irrespective of the operating system or graphics card. There are only 216 web safe colours. You can use other colours, but you cannot be sure they will display correctly.
A general rule of thumb is: if possible use a web safe colours. If isn't possible don't worry. As time goes by the graphics cards (which controls the screen colours) are getting better and better and using web safe colours is not as critical as it once was.
In Flash, when you select an object on the stage, you can either Hexadecimal or the RGB colour code. In ActionScript you use the hexadecimal number not the RGB number.
Note: in ActionScript you can also use a Bitwise colour system which converts numbers to Binary, but this is beyond the scope of this tutorial.
The visible colour is the same irrespective of which you use: RGB, Hexadecimal or Bitwise.
Hexadecimal. Number: 000000
Is is called hexadecimal (16) because the numbers are not decimal, but use a 16 digits instead of 10. It doesn't matter if this is confusing, you simply need to type the code into the actionscript. The 16 digits are: 0 1 2 3 4 5 6 7 8 9 a b c d e f.
When you use the Hexadecimal number in Actionscript, type a zero x in front 0x000000 (HTML is #000000). Here is an example:
setRGB(0x9933ff);
The Hexadecimal numbers (and/or letters) are actually three pairs. The first pair of numbers gives you the colour red, the second green and the last blue. That's right it is just the same as RGB (Red Green Blue colours). It is just a different way of writing the same thing.
To be web safe, divide the number into 3 pairs. Each pair can only be: 00 or 33 or 99 or cc or ff. For example:
cc33ff is web safe
cc333f is not web safe
RGB number (Red Green Blue): 000 000 000
Red Green Blue is just a different system or code for the same colours. The numbers run from 0 through to 255. You cannot have a number bigger than 255 in RGB. Many people prefer to use the RGB easier than hexadecimal. RGB is split up into three parts: Red, Green and Blue.
For a RGB number to be web safe, each of these three numbers has to be divisible by 51. The only numbers you can use are: 000 or 051 or 102 or 153 or 204 or 255. For example:
204 051 255 is web safe
200 051 255 is not web safe.
In RGB if one of the numbers is less than one hundred, you do not need type the zero. 051 051 000 is the same colour as 51 51 0. This is a web safe colour.
The reason we use RGB as a colour system is because a screen has three lights in it. Yes that is right: Red, Green and Blue. The RGB system controls the lights on the screen. A TV is the same.
Dark and Light Colours
To understand the code, think of a place with no light. That would be a dark place. 000 000 000 represent no light, which is black (000000 in hex). The more light you get, the brighter the screen, so 255 255 255 is the maximum amount of light you can have, so this number represents white (ffffff in hex). The thing to remember is that dark colours have low numbers (no light) and light number have high numbers.
Web safe colour chart: 216 colours
Chart KeyThe top number is: Hexadecimal
The bottom number is: RGB (Red Green Blue)
Related Articles
- Colour TheoryThe 12 part colour wheel below is based on the three primary colours ( Red, Yellow and Blue ) placed evenly around a circle. Between the three primaries are the secondary colours (Green, Orange and Violet) which are mixtures of the two primaries they sit between...
- Web Safe ColoursWeb Safe A web safe colour is one that will display correctly on any screen, irrespective of the operating system or graphics card. There are only 216 web safe colours. You can use other colours, but you cannot be sure they will display correctly. A general rule of thumb is: if possible use
- Other Online FactorsOther factors that affect the online environment, and what we can do to mitigate their impact. Simple web designs prove more effective in many ways...
- Web Colour CombinationsWhat colour combination should I use in my website and how it will help your visitors on the long run.
- Using and Converting to Color-Safe PalettesWhen you design web pages in HTML, as you probably know, you can use a tremendous range of colors (over 16 million) for fonts, tables, backgrounds and so forth using the COLOR attribute of the various HTML tags...
- Guidelines for Using ColourColour is one of the designers best tools. There are lots of ways to use it to help communicate a message. Colour can carry meaning, express personality, differentiate, frame, and highlight content...
- An Easy Way to Choose Attractive Color CombinationsLots of people struggle to come up with attractive color combinations when designing logos, banners or web sites. So, heres an easy technique that only takes a few minutes...
- Are You in for a Safe Landing? - PPC Landing PagesYouve paid for your ticket and your ads are up on Google AdWords and Yahoos Overture, but have you set up a safe landing for your clients? Run a test landing. Do a search and find your Pay Per Click (PPC) ad in Yahoo or Google. Click on it. Where does it bring you? Your home page? I hope not...
- Common Website MistakesThere are so many websites on the Internet and the number rises every day. The level of professionalism in the websites varies so much between each website but what makes a good website? and what are the common errors people make?
- If Content is King who is Queen?Its been said again and again, when it comes to getting people to visit your site (and stay there for more than 5 seconds), the quality of your content rules supreme. But once youve bowed to interest, who else must you pay homag......