|Frugal Café Site Search:|
Color Me Frugal: Hex Color Chart for WebsitesBy Vicki McClure Davidson
Many people are creating their own websites these days. Contracting a web designer can cost a small fortune, so a growing number of brave souls are forging ahead, teaching themselves the basic codes necessary for developing a simple, but attractive website. But, being frugal can be challenging. For many newbies, this uncharted cyberspace territory with its strange acronyms and code protocols can be frustrating and overwhelming. While there are a number of free templates available, this may not be the desirable cookie-cutter path. You want a site that looks like no other, that reflects your own creativity and the vision you have for the website.
When you're adding a given color to your web page using HTML (HyperText Markup Language, the predominant markup language for Web pages), sometimes you can just type in the name of the color. But preferably, you should always use the color's "hex code." This is an assigned color code that many different browsers can understand and display correctly; it's practically universal for that particular color. The hex code is comprised of six numbers and/or letters. When entering the hex code, you must be sure to tag it properly, or the browser won't know what in the heck it is.
All hex codes begin with a hash symbol, like this # (found on the "3" key on the top row of your keyboard: SHIFT-3). Hex codes must be encased on either side by quotation marks, and the entire code must be put within angle brackets, like this < >. Color can be added to fonts, to table borders, to the page's background, and other areas of the page. You also need to include in the HTML code WHERE the color is going to be applied. There are a variety of HTML codes for this, and all must have an equals sign separating them from the hex code (see examples below).
You must also put in a bracketed code to close up, or end, the use of color, such as < /font>. This uses the slash symbol in front of the HTML code. For more information on the process of tagging and using hex codes, locate a Web design tutorial for instructions on the Internet.
Below is a handy-dandy "cheat sheet" chart to help you with selecting colors.
Choose a color from the chart and look to the left to get its hex code. Copy and paste the hex code (remembering to also copy the hash mark at the beginning) into your webpage. Computer monitors all differ, so be aware that the precise shade and hue of your selected colors may appear slightly different on other people's screens.
All hex codes start with a # symbol, followed by six digits. The first hex code in the color chart, #FFFFFF, is white, and the last one, #000000, is black.
Cell Phone & Landline Phone Info: Free 411 Help
8 of Our Favorite Freeware & Shareware Websites (You'll Like Them, Too)
Help Your Favorite Charity for Free: Search-Engine Clicking through GoodSearch.com Earns Money for Charities
Save Money by Paying Your Bills Online
Tremendously Useful Websites That Are Still Free to Access
Online Surveys: Earn or Burn?
Frugal Café Blog Zone: E-Waste First: Olympic Medals Made from Gold, Silver, & Copper Recovered from Electronic Waste
How to Fight Botnets and Trojans: Cyber-crime Attacks Could Cost You Money, Your Identity, Computer Data, and Credit Card Information