Designing in Color Helpful tips, conversations and pointers on effective web design for professional business communications; ecommerce web site design and hosting. How to build a website resources. Use guides to create your own website.
Brand. Website. Business. Build Yours!
Call us toll free +1 (800)-548 9824 for your full service small business website solution: website management technology, services, and support. Build a website today!
Brand. Website. Business. Build Yours!
Brand. Website. Business. Build Yours!
Brand. Website. Business. Build Yours!
Brand. Website. Business. Build Yours!
Brand. Website. Business. Build Yours!
Brand. Website. Business. Build Yours!

Forums  >  Web, Print & Media Design  >  Designing in Color

Designing In Color

Published on 11/29/2009 by Nehal Gohel
Designing in Color
 
Color by Number
 
When you write valid XHTML colors you have to use a code called a hexadecimal code or hexadecimal triplet. This means:
 
* triplet
Each color is defined as the amount of saturation in three color chanels:
  • Red (R)
  • Green (G)
  • Blue (B)
RGB color channels have a saturation ranging from 0 (no saturation) through 255 (fully saturated). So, to define a color using RGB, you indicate how much saturation in each of the color channels, for example:
 
* Red (255,0,0)
* Green (0,255,0)
* Blue (0,0,255)
* White (255,255,255)
* Black (0,0,0)
 
* hexadecimal
Once you have figured out the RGB values of the color you would like to use, you need to convert it to base 16 or hexadecimal.
 
The easiest way to convert an RGB value to hexadecimal is to use a program. This is a nice one. You can also use the standard calculators on Windows or Macintosh computers:
 
* Red #ff0000
* Green #00ff00
* Blue #0000ff
* White #ffffff
* Black #000000
 
Combine your three RGB numbers into a six digit hexadecimal number preceded by a pound-sign (#).
 
What Items Can You Color?
 
In Web design, nearly everything has a color from the images you post on the page to the background of the page to the actual text on the page. There are two primary items:
 
* text - the color of the letters
* backgrounds
 
It's easy to change the color of text, simply use the style property, color:
color : #ffcc66;
 
Backgrounds are just as easy with the style property background-color:
background-color : #ffcc66;
 
But backgrounds are tricky because you must ask "The background of what?". There are many things you can change the background color to, such as:
 
* change the text color background:
Use the style property on a span, div, or p element.
* change a table background:
Use the style property on a td, th, tr, or table element.
* change the entire page's background:
Use the style property on the body element.
 
Using color is vital for Web pages. And these hints and instructions should help you to use color as effectively as possible.

    Post A Comment

Nehal Gohel
Posted:November 29, 2009 Subject: Designing in Color Comment

Designing in Color

 

Color by Number

 

When you write valid XHTML colors you have to use a code called a hexadecimal code or hexadecimal triplet. This means:

 

* triplet

Each color is defined as the amount of saturation in three color chanels:


  • Red (R)

  • Green (G)

  • Blue (B)


RGB color channels have a saturation ranging from 0 (no saturation) through 255 (fully saturated). So, to define a color using RGB, you indicate how much saturation in each of the color channels, for example:

 

* Red (255,0,0)

* Green (0,255,0)

* Blue (0,0,255)

* White (255,255,255)

* Black (0,0,0)

 

* hexadecimal

Once you have figured out the RGB values of the color you would like to use, you need to convert it to base 16 or hexadecimal.

 

The easiest way to convert an RGB value to hexadecimal is to use a program. This is a nice one. You can also use the standard calculators on Windows or Macintosh computers:

 

* Red #ff0000

* Green #00ff00

* Blue #0000ff

* White #ffffff

* Black #000000

 

Combine your three RGB numbers into a six digit hexadecimal number preceded by a pound-sign (#).

 

What Items Can You Color?

 

In Web design, nearly everything has a color from the images you post on the page to the background of the page to the actual text on the page. There are two primary items:

 

* text - the color of the letters

* backgrounds

 

It's easy to change the color of text, simply use the style property, color:

color : #ffcc66;

 

Backgrounds are just as easy with the style property background-color:

background-color : #ffcc66;

 

But backgrounds are tricky because you must ask "The background of what?". There are many things you can change the background color to, such as:

 

* change the text color background:

Use the style property on a span, div, or p element.

* change a table background:

Use the style property on a td, th, tr, or table element.

* change the entire page's background:

Use the style property on the body element.

 

Using color is vital for Web pages. And these hints and instructions should help you to use color as effectively as possible.


Domain Name Registration

Website Hosting

Website Design

Website Development

Brand Design

Media Design

Personal Project Manager

Project Management

Internet Marketing
$ 7.95 domain name registration.
Build your complete web solution: Brand, Website, Business.
Buy your domain name
New 1 Year Registrations just $ 7.95!
Multi-year Registrations, Renewals, & Transfers just $ 7.95/year!
Brand. Website. Business. Build Yours!
Build a web site Website Management Technology Website Services
Website CMS Solutions Website CMS Applications
Business Opportunities Customer Service Company
AJIBOYE is a website solutions provider serving Connecticut (CT), New York (NYC), New Jersey (NJ) and nationwide!

Website design by AJIBOYE. Website powered by ASD Website Automation CMS+ v. 3.06.00
© Copyright. AJIBOYE - Brand. Website. Business. Build Yours!. All rights reserved

Comodo SSL Certificate
AJIBOYE. Brand. Website. Business. Build Yours!Website Content Management SystemProfessional Website ServicesWebsite Cms FeaturesWebsite Content Management SystemNonProfit Website CMS SolutionEcommerce Website CMS SolutionForums ManagerForums ManagerWeb Polls ManagerWeb Blogs ManagerInvoice ManagerMagazine ManagerProject ManagementWebsite DesignWebsite HostingPartner RegistrationSmall Business