Trebor MultiMedia
Web design from the ground up
  • About Me
  • Blog Purpose
  • Topics
  • Read Me
  • TMM website
You are here: Home / 2013 / March / 23 / Colors

Colors

By Robert Harding on March 23, 2013

In this post I’m going to address colors as used on web pages.  The light beam of colors from computer monitors, cell phone, etc. goes directly to our eyes and are not reflected off any physical objects.

All colors can be created by different combinations of base colors red (R), green (G), and blue (B).  The system is referred to as RGB.  With 100% of all 3 colors you get white.  And with 0% of all 3 colors you get black.

There are three popular methods to represent the various colors, which can run into millions of different colors.  The first is the hexadecimal system.  It’s structure is two R’s two G’s and two B’s.  It is represented as #RRGGBB.   Each of the six positions are represented by a hexadecimal codes.  The code is compromised of numbers 0 thru 9 and letters A thru F.  This makes for 16 different levels.  And as you can see with 16 possible levels and 6 positions, the number of unique combinations is very very large.

#FFFFFF  is the color white  (100% of all 3 colors)

#000000  is the color  black (0% of all 3 colors)

#FF0000 is red

#00FF00 is green

#0000FF is blue

#FFFF00 is yellow

The second system is the color value system.  It represents each of the 3 colors by numbers 0 thru 255.  It is shown as rgb(R, G, B) .  Therefore:

(255,255,255)  is the color white  (100% of all 3 colors)

(0,0,0) is the color  black (0% of all 3 colors)

(255,0,0)  is red

(0,255,0) is green

(0,0,255) is blue

(255,255,0)  is yellow

With a cross reference you will see that #00Be46 is the same color as rgb(0,42,70).  The letters are case insensitive.

The third system is the color name system.  Here you simply call out the color such as blue, yellow, pink, etc.  This system is limited to around 200 colors.

Just as a comparison, in print media the colors are reflected off objects and then into your eye.  The system is called CMYK.  The C is cyan (basically blue), magenta (basically red), yellow, and K for the key color which is normally black.  In contrast to the RGB system the CMYK system when all colors are 100% then you have black, and when they are 0% the color is white.

Although black can be produced using all the colors, the black key color is used instead.

 

 

Posted in Color | Tagged CMYK, hexadecimal code, RGB
← Previous Next →

Search

Authors

  • Robert Harding

Calendar

March 2013
SunMonTueWedThuFriSat
« Feb Apr »
 12
3456789
10111213141516
17181920212223
24252627282930
31 

Recent Posts

  • Positioning
  • Float
  • DIV tags
  • Selectors, con't
  • Selectors
  • Colors
  • Typography
  • Computer monitors
  • Images, two
  • Box Model
  • Lorem Ipsum
  • Images
  • Tags and elements
  • Web page structure
  • Introduction

What people are saying

  • Robert Harding on Web page structure
  • good is i kissed a dog and i liked it t shirt on Web page structure
  • Generic doctor on Web page structure
  • Robert Harding on Web page structure
  • Robert Harding on Web page structure

Archives

  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013

Categories

  • Box Model
  • Color
  • CSS
  • Definitions
  • DIV tags
  • Float
  • HTML
  • Images
  • Javascript
  • jQuery
  • Monitors
  • PHP
  • Positioning
  • Selectors
  • Structure
  • Type

Tags

absolute position alt animation borders class selector CMYK compression directories DIV dummy text element external script file external style sheet Fixed position frameset gif hexadecimal code ID selector internal style sheet jpeg Latin lossless lossy margins padding pixels png relative position RGB strict styles syntax tag title transitional transparency white space

Copyright © 2024 Trebor MultiMedia.

Powered by WordPress