We help IT Professionals succeed at work.

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

Hello,

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?

References
https://www.youtube.com/watch?v=7HpV8beK5_s
https://www.youtube.com/watch?v=LDq1z5vIFi0
http://serennu.com/colour/rgbtohsl.php
Comment
Watch Question

Sr. System Analyst
Commented:
check this online conversion

RGB to HSL color conversion
http://www.rapidtables.com/convert/color/rgb-to-hsl.htm

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

Author

Commented:
Thanks Kurt