If you're looking for a 216-web safe color chart, you've come to the right place. However, before reviewing the chart, you may be interested in learning a little bit about the 216 web safe colors.
Netscape specified 216 colors that have precedence in web browsers based on the 256 colors displayed within an 8-bit system. As 40 colors displayed differently between PCs and MACs, they were eliminated.
All web browsers and operating systems recognize these 216 colors, known as web safe colors, which means these colors will look about the same within any browser.
RGB and Hexadecimal Color Codes
Colors are made up of 3 sets of RGB numbers representing the amount of Red, Green and Blue contained within a color. These colors are represented as hexadecimal values.
For example, the hexadecimal numbers for black is #000000. The first two numbers (00) represent the amount of red the color contains. The second two numbers (00) represent the amount of green and the last two numbers (00) represent the amount of blue the color contains. When a color, such as black, contains 00 amount of red, green or blue, this means it contains no amount of that color or 0%.
However, colors containing RGB values of FF contain the most amount of a color or 100%. For example, the hexadecimal value for white is #FFFFFF, which means it contains the most amount of red, green and blue.
The hexadecimal numbers for red are FF0000. To help you to understand this a little bit better, if we break down the hexadecimal numbers, we will find that the color red contains FF amount of red, which is the highest amount. It contains 00 amount of green and 00 amount of blue, both of which are the lowest.
Specifying Colors Within a Web Page
If you would like to specify colors within your web page, you must set color attributes. Attributes determine the appearance of a web page, such as background color, text colors and fonts.
To specify a specific color, you must use the hexadecimal color code within your HTML coding. The hexadecimal color codes can be used throughout your entire web page to specify all of the following:
Web page background color
Font colors
Table background colors
Table border colors
To ensure your colors will be displayed to most Internet users as you had intended, you should always select your colors from the 216 web safe colors, as displayed in the 216 web safe color chart below.
When using colors within your HTML, you can also use the actual color "word" for basic colors such as black, white, red, green, blue and yellow. Your color code might look something like this:
BGCOLOR="RED"
Color Red Green Blue Hexadecimal
Black 0 0 0 #000000
White 255 255 255 #FFFFFF
Red 255 0 0 #FF0000
Green 0 192 0 #00C000
Blue 0 0 255 #0000FF
Yellow 255 255 0 #FFFF00
To specify the background and text color of a web page, place the following color attributes, indicated in bold, within the BODY tag of your web page:
To specify link colors within a web page, place the following color attributes, indicated in bold, within the BODY tag of your web page:
To specify the border color within an HTML table, place the following code within your TABLE code:
To specify the background color within a specific TABLE cell, place the following code, indicated in bold, within your TABLE code:
Your Cell Text |
Edit the hexadecimal color codes indicated in red to suit your needs.
Although you can change the background color of your web page, it is highly recommended that you use the default background color of white and the default text color of black, as this is the easiest color options to read within a web browser.
In addition, it is highly recommended that you use the default link colors within your web pages, as these colors are what your visitors will be expecting. Changing the link colors may cause confusion.
Each color displayed within the color chart below contains the hexadecimal values and the RGB (Red, Green, Blue) Values. Select a color and copy & paste the hexadecimal value into your HTML document.
Using Cascading Style Sheets (CSS) in fourth-generation browsers gives similar capabilities. Of course you will still be restricted, for the moment, by the availability of fonts on the user's system. CSS can't magically produce Frutiger Extra Bold, Bold, Roman, and Light fonts out of nowhere. Yes, there are a few font-embedding technologies available now, but they are not reliable enough for general use just yet.
The idea behind CSS is that content and type markup are kept separate, giving the designer control over type that hasn't been provided for in basic HTML. Apart from the ability to make global changes to styles very easily, it is also possible to deliver the same content with different specifications according to the browser being used. Whether the user has a whiz-bang computer with a large 24-bit monitor or a small black-and-white organizer, it is technically feasible to invoke a different set of styles that give the optimal user experience in any browser. And, if the browser doesn't have CSS capabilities, the layout will degrade gracefully to give, at least, a satisfactory display.
This particular block of text is, as far as HTML is concerned, one paragraph. The fact that it is visually broken up into numerous indented paragraphs using
tags and runs of means that it will degrade better on non-CSS capable browsers. Normally I would alternates with regular spaces, but the CSS implementation in MsIE ignores the spaces and halves the indent.
The style named "normaltext" is providing the type size, specified in pixels, not points, because pixels are absolute across platforms and points are not. In normal text, I have also specified the typeface and line-height. If all that CSS could do were to add a provision for line spacing, it would still be invaluable.
In the next section, "alttext" supplies the typeface specifications and color and provides the indents.
Just like HTML and all the other cross-platform and cross-browser issues, CSS implementation is not very consistent at the moment. It is supported by Netscape and Explorer 4 and above, and partly in Explorer 3.x, but the results are not always predictable.
You can do a lot more with CSS than I have mentioned in this primer. The basic facilities are now reasonably reliable across browsers, but some of the more esoteric features can cause problems. Even this relatively simple, justified section with paragraph indents behaves quite differently in Netscape and Explorer depending on whether use.
As with any other Web page design uncertainties, you really need to test-fly your pages on as many computers and browsers as you possibly can.
The examples here only scratch the surface of what CSS can do. In addition to creating custom styles, you can modify most of the existing HTML styles. You could, for instance, redefine the tag to be a larger type size or a different color, or adjust the tag to be a particular font, size, and style.
Good typography is just as important on a Web page as it is in any other medium. The fact that it appears on a computer screen and not on a piece of paper is immaterial; it should still be pleasing to look at and easy to read.
In every situation where type is used — in publishing, signage, packaging, television, etc. — designers have to adapt their techniques to suit the medium.
A headline style that works just fine in a magazine spread would not necessarily work on a poster. A magazine is always viewed straight-on at arms length, so letter spacing can be as tight as you like and the words will still be readable. A poster is, more often than not, viewed obliquely, which distorts the type to some extent. Here, a little extra letter spacing helps identification of the individual characters, and hence the words.
Designing for a computer screen has its own set of problems. Add to these the elastic nature of a Web page, which has to work across different computer platforms and screen sizes, and the problems get even worse. It is the designer's job to understand these issues and to address them — to maintain some kind of control when everything else is shifting.
If you are familiar with style sheets in your page layout or in word processing programs, you will understand how it is possible to create a set of type specifications and apply them to a block of text or a whole site. You can make all headlines 48-point Times bold, subheadings 32-point Helvetica bold, and the body text 10-point Times New Roman with whatever leading and indents you like. If you want to change the overall look of your layout to something more technical, you only need edit the style sheet. You could change the headings to Arial Black, the subheads to Arial Bold, and the body text to Arial quickly and easily.
Online banner ads were popular for a while and then seemed to fade out in effectiveness. Now they are back, but they have taken on new directions, formats, and marketers have learned much more about what works online. This section was rather small for a while, but if banner ads are working well for online marketers, this section will grow. Below are some helpful articles and tutorials to help with designing online banner ads, banner ad placement and sizes, and what to keep in mind for your banner advertising.
· Advertising Banner Standards
· Banner Ads: The Best Performing Banner Ad Sizes, Formats, Locations, and Colors
· Banner Ads: Size, Placement, Effectiveness
· Banner Advertising on the WWW
· What Consumers Hate about Online Ads
· Banner Ad Design for Web Sites
· Building a Dynamic Banner with CSS Sprites
Website is a popular platform to promote your business. You can feature different services and products through this online media. Nowadays it is not difficult to design a site using free templates. But simply designing and hosting a site is not sufficient to make it popular. To receive maximum number of web traffic you can add interactive features, which will involve more visitors on your site.
The appearance of a site creates a great impact on first time visitors. So a designer should be very careful about the look and feel of a site. The arrangement of content on a web page is also a necessary aspect. It is not advisable to make it look clumsy but it should present a welcoming and fresh look to the visitors. A friendly navigation on the site is also required to maintain.
Visual aspect of a site is very important. Use of graphics also brings a lot of difference in the look and appearance of a site. Interactive features on a site definitely make it attractive towards visitors. You can add poles, guest books, video content, feedback forms etc through which visitors can participate in different activities. The use of interactive applications will highly depend on your target audiences.
After basic design is made, the next step is to customize the site with interactive features. Using different color schemes and graphics based on user input is a very common way to customize a site. Try to use three different color schemes and also make sure that each of them have different color spectrum.
For website design customized with interactive features, you can contact mailto:info@elite11studio.com we are a website design and development company offering affordable web services to international clients.
Website Design· New launch of website including design, domain booking and website maintenance
· Website maintenance of the any website
· Re-design of the website
· Full FLASH base website
· Copywriting
· Web Hosting
· Search engine optimization
Graphic Design & Print Media· Mailer
· Newsletters
· Logos
· Postcards
· Leaflets
· Ads / Posters
· Danglers
· CD Covers
· Stationary
· Retail Packaging
· Flash Presentation
· Brochures
· Road Hoardings
· Business Cards
· Wall and desk calendars – Business & Personal
· Catalogue Design
· Labels and stickers
In a world, where so much of print production is automated, creative ideas provide personal attention and a skilled approach to develop each project to the highest possible quality.
Today, website design & development is virtually indispensable to create a corporate brand identity of the company. It is somehow crucial for any website to be well developed, attractive, user-friendly & informative for the customer. Graphic design plays a crucial role in distinguishing your products from that of your competitor's. It is also essential for your consumers to be identified with your company.
Thus, Elite11Studio can match up with your expectations in conceiving an idea of a logo, a corporate insignia for your company, a brand identity for your offers, product management tasks, web software solutions and a host of other similar things.
Our specialists use the latest digital technology to provide a complete array of websites designing, website development, graphic designing and print media services to our clients, who are assured of maximum benefits of the outsourcing model developed specifically for them. Our diligence is the first step in making sure your projects meet the highest expectations.
Our objective is to satisfy the customers in every way in quality, on-time delivery and cost. We aim to deliver the best product to our customers.
