spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / authoring / graphics / color / nondesigners / chap2 / 1 To page 1current pageTo page 3To page 4To page 5To page 6
[previous] [next]

Web Graphics for Non-Designers, Chapter 2: Using Color

Developer News
Metasploit 3.2 Offers More 'Evil Deeds'
'Thank You Apple. Seriously.'
The Buzz: BlackBerry App Store Seen Next

Color Terms to Know

Hue: A hue is a pure color with no black or white added. It is the feature of a color that allows it to be identified as, say, red or blue:

Pure colors

Intensity: Also known as saturation or chromaticity, intensity describes the identifiable hue component of a color. A blue with RGB (0,0,255) is considered intense (or completely saturated, and high in chromaticity) and 100% saturated. A gray, however, has no identifiable hue, and is termed achromatic with 0% saturation:

Percentages of Intensity: Red

Percentages of Intensity: Green

Shade: A shade is a hue with black added:

Shading

Tint: A tint is a hue with white added:

Tinting

Tone: A tone is a hue with gray added (tending towards neutrality), or a hue with some strength of its complementary color added:

Tone

The results of adding a hue to its complement generally appear richer than the addition of straight neutrals:

Adding a hue to its complement

Adding a hue to its complement

RGB and CMYK: RGB and CMYK are color spaces relied upon by designers every day. The RGB space, representing red, green, and blue, will be the most familiar to web developers. Understanding the two, though, is as easy as comprehending the differences. RGB is additive color used by electronic displays (and curiously, the human eye) where red, green, and blue light creates the colors we see on screen. The default black you see on screen is simply a deficiency of all of these colors. Conversely, combining the three gives white.

CMYK, on the other hand, is subtractive and standard in the printing industry. A blank page, for example, is white and reflects all colors. Adding cyan, magenta, and yellow to the page actually subtracts from the light reflected. Combining cyan, magenta, and yellow does not give black, and so black is added independently. It is represented as the letter K.

Due to limitations of printing with ink, the CMYK color space is actually smaller than that of RGB. Photoshop, for example, has the ability to warn you of colors in the RGB space that will not survive a conversion to CMYK. As such, when converting from RGB to CMYK, some colors are lost (you may have seen Photoshop's "out of gamut" warning which is telling you that this is occurring). Nonetheless, for the most part web developers will not need to step outside of RGB, other than to occasionally convert corporate color values, and should not be troubled by this.

Alpha: The term "alpha" refers to a further value within a color definition, and determines transparency. As you may be well aware, a GIF provides support for transparency, but the value at a given pixel must be either fully transparent or opaque. Forward-looking formats such as PNG provide better alpha bearing, but are not as supported by browsers as the GIF and JPEG formats.


home / authoring / graphics / color / nondesigners / chap2 / 1 To page 1current pageTo page 3To page 4To page 5To page 6
[previous] [next]



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
Avaya Article: Call Control XML - Powerful, Standards-Based Call Control
Tripwire Whitepaper: Seven Practical Steps to Mitigate Virtualization Security Risks
Internet.com eBook: The Pros and Cons of Outsourcing
Go Parallel Article: Scalable Parallelism with Intel(R) Threading Building Blocks
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
HP Video: Is Your Data Center Ready for a Real World Disaster?
Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices
HP On Demand Webcast: Virtualization in Action
Go Parallel Video: Performance and Threading Tools for Game Developers
Rackspace Hosting Center: Customer Videos
Intel vPro Developer Virtual Bootcamp
HP Disaster-Proof Solutions eSeminar
HP On Demand Webcast: Discover the Benefits of Virtualization
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Microsoft Download: Silverlight 2 Software Development Kit Beta 2
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt
Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Beta 2 Runtime
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
IBM IT Innovation Article: Green Servers Provide a Competitive Advantage
Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Popular JavaScript Framework Libraries: An Overview · Controllers: Programming Application Logic - Part 2 · How to Use JavaScript to Validate Form Data
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Choosing the Right Online Backup Provider · Mother Avaya Nurtures Her Technology Partners · Software as a Service a Winning Model for Hotspot Provider

Created: December 2, 2002
Revised: December 2, 2002

URL: http://webreference.com/authoring/languages/html/definitive/1/2.html