We help IT Professionals succeed at work.

Complementary colors, codes, conversions, and color scales in Microsoft Office apps


I've recently been trying to learn more about color codes and complementary colors, particularly when using the color boxes in Microsoft Office apps. I'd appreciate answers to questions and comments regarding accuracy/inaccuracy of the following notes:

• RGB is an initialism representing Red, Green, & Blue
• RGB code uses a scale of 0-255 in order to maintain a 1:1 ratio with hexadecimal values (since 16^2 = 256).
• RGB numerical values have nothing to do with complementary colors.

• HSL is an initialism representing Hue, Saturation, & Luminosity where
• Hue is the color as measured between 0° and 360° on the color wheel (with 0° representing red).
• Saturation is the dullness vs brightness measured between 0% & 100% (with 0% = gray with no color and 100% = full saturation).
• Luminosity is the darkness vs lightness (with 0% = black and 100% = white).

• Different colors are complementary when saturation is kept constant.

Is there a linear relationship between the 0-255 scales used in the MS Office color box for Hue, Saturation, & Luminosity and the scales described above? In other words:
• is one tick on the H scale equivalent to 1.4118° (360°/255 = 1.4118)?
• is one tick on the S & L scales equivalent to 0.3922% (100/255 = 0.3922)?

What method/formula is used to convert between the two systems?

Watch Question

Sr. System Analyst
check this online conversion

RGB to HSL color conversion

it shows how to convert RGB to HSL

also it has links to
  • How to convert RGB to hex
  • Hex to RGB converter
  • HSL to RGB converter


Thanks Kurt