March 29, 2010

RGBY – Oh, My! Part I

Filed under: Main — admin @ 12:01 am


It feels like a Twilight Zone opening: There is a fourth color, beyond that known to computers. That color, is yellow.

Before going into RGBY, let me take on a familiarity tour of RGB.

RGB stands for red, green, and blue, the three primary colors.

Yes, in Kindergarden finger painting class, you probably were taught that red, blue, and yellow were the primary colors. Yes, they’re primary subtractive colors, which apply to pigments, paints, and dyes. When you’re mixing light to produce an image, you use additive colors: red, green, and blue.

By combining the colors red, green, and blue you can get just about any other color your human eyeball can see, such as these six, basic colors shown in this simple color wheel:

You can also add two colors to that wheel: black and white. Here’s how the colors are combined and created:

  Red Green Blue
Red 100% 0% 0%
Yellow 100% 100% 0%
Green 0% 100% 0%
Cyan 100% 100% 100%
Blue 0% 0% 100%
Magenta 100% 0% 100%
Black 0% 0% 0%
White 100% 100% 100%

Computers have long-used red, green, and blue to produce color images on a monitor. In fact, I remember the proper order because of the old RGB monitors, where the RGB stood for red, green, and blue.

It’s important to get the order right because color programming and design often involves setting the values for red, green, and blue in that order.

For example, when defining color for a web page, HTML uses RGB values. Rather than use percentage values, as I did in the table above, HTML uses 256 values: There are 256 values for red, 256 values for green, and 256 values for blue. Those combinations make for millions of possible colors on a web page.

Of course, HTML uses hexadecimal values to keep things neat. So when setting the color yellow, for example, you use the value #FFFF00.

While #FFFF00 may look scary, remember RGB: That’s FF for red, or 100%, then FF for green (100%), and 00 or 0% for blue. The end result, from the table and the color wheel above, is yellow. #FFFF00 is the HTML color code for yellow.

Gander at this updated color table:

  HTML
Red #FF0000
Yellow #FFFF00
Green #00FF00
Cyan #00FFFF
Blue #0000FF
Magenta #FF00FF
Black #000000
White #FFFFFF

That’s still the same ol’ RGB. In fact, that’s how I read the code left-to-right: are jee bee.

HTML uses other values besides FF and 00. The “half” value of FF is 80 in hexadecimal. Then there are all sorts of other in between values. (Hexadecimal uses numbers 0 through 9 and letters A through F to represent values 0 through 15. Read more about hexadecimal here).

All told, there are over 16 million possible color combinations in HTML. You can see a bunch of them at this web site.

Incidentally, DOS used a similar scheme with the same colors, though DOS kind of messed up the order:

Once upon a time, I had that sequence in my head. Now all I think is RGB.

Of course, that may now change because a fourth color, yellow, is being added to the mix. I’ll discuss the special new color additive on Wednesday’s blog post.

3 Comments

  1. It’s funny that you should blog about this when you did. I just recently saw a commercial for a new line of HD TV’s being manufactured. they are going to start using RGBY instead of the three standard RGB. I actually think it’s kind of embarrassing that it took them that long to make this kind of innovation, but I’ll probably still buy one just because of the new color variety

    Comment by gamerguy473 — March 29, 2010 @ 12:01 pm

  2. I discuss the Sharp Quattron in Wednesday’s post. I believe that’s the HD TV you’re referring to.

    Comment by admin — March 29, 2010 @ 12:05 pm

  3. You look at those Yellow dots above, and they’re really not that bright. I’ll be that’s the feature that the Quattron and other soon-to-come RGBY monitors offer: Brighter yellows. That could seriously improve the image quality.

    Comment by admin — March 29, 2010 @ 12:06 pm

RSS feed for comments on this post.

Sorry, the comment form is closed at this time.


Powered by WordPress