+ Larger Font | - Smaller Font
Colour
The internet is a visual medium and colour can be used to enhance a site’s content and make the user's visit more enjoyable. However, if due care is not given to the selection of these elements, the site can become irritating, distracting or at worst unusable.
Computers display colours by merging varying degrees of red, green and blue. The latest computers are capable of displaying 16,777,216 colours while older models are restricted to 65,536 or less.
Colours used on the Internet are identified by a hex color using the symbol # followed by the relevant letters or numbers. Black is represented by the hex color #000000. The chart below can be used to generate the appropriate hex color code. Move the slider to the colour required then click the shade of that colour in the large window. The hex code and RGB numbers will be displayed. To save the colour code click in one of the bottom save windows.
When selecting a colour scheme for your website it is important to remember that different web browsers will interpret colours differently. There are, however, 216 colours that are deemed to be ‘safe colours’, colours that will display uniformly on all computers and by all browsers. It is then, important to select colours used on web pages from these 216 colours if visitor experience is to be enhanced. As a rule, it is also advisable to use a light coloured text on a dark background, or a dark coloured text on a light background. This also ensures that all users are able to access the information. Use the feature below to check how different texts look on different background colours.
| Set Foreground Color | Set Background Color |
| Foreground: 000099 | Background: ffffff |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc egestas dui quis lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Morbi eget wisi. Vivamus aliquet sodales eros. Curabitur pretium odio vitae tellus. Mauris euismod, elit nec ultricies suscipit, elit nisl aliquet metus, sed tempor massa metus id leo. Nulla facilisi. In ultricies porta tellus. Nam imperdiet pellentesque purus. Etiam aliquet lacinia urna. Pellentesque sed metus. Donec imperdiet, massa id sodales aliquet, massa justo pellentesque massa, nec fringilla velit magna at elit. Donec adipiscing, metus vitae rutrum fringilla, ligula felis dignissim mauris, vel sollicitudin ligula dolor vitae sem. Pellentesque sagittis lectus porttitor velit. Nam justo urna, tincidunt ut, vestibulum vitae, adipiscing ac, ante. Curabitur odio purus, viverra id, pharetra eget, pretium eu, magna. Aliquam erat volutpat. Etiam tortor nisl, placerat a, dignissim vel, fermentum ac, velit.
Curabitur sed justo. Morbi non felis id urna volutpat blandit. Aliquam id pede vel nunc rutrum cursus. Nam nec sem in mi dapibus laoreet. Integer nec wisi non magna ullamcorper ultrices. Donec tellus est, rhoncus nec, sodales ac, tincidunt in, arcu. Morbi et sem a lacus porta ornare. Ut rutrum, metus vel tempor mattis, leo pede commodo wisi, in rutrum mauris odio eu sapien. Nulla et turpis ut eros pellentesque sollicitudin. Donec at elit eget eros rutrum ultricies. Nam quis sem. Pellentesque ut metus sit amet libero aliquet bibendum. Quisque odio nunc, pulvinar eget, semper in, cursus ut, libero. Donec convallis. Nunc quis lacus at metus dictum adipiscing. Aenean nonummy diam id magna. Nam nunc orci, placerat sit amet, volutpat a, fringilla ac, massa.
If you cannot decide what colour scheme to use for your site it is often a good idea to use colours that occur naturally.
| Green text on a yellow background | Yellow text on a green background |
| This daffodil picture is predominantly shades of yellow, white and green. | This daffodil picture is predominantly shades of yellow, white and green. |
| Orange text on a blue/green background | Blue/green text on am orange background |
| This underwater picture is predominantly shades of blue, green and orange. | This underwater picture is predominantly shades of blue, green and orange. |
Do it
Yourself
Web
Hosting
Domain Names
Design
Services
Portfolio
Contact
A History on the Net Group Website
