Indezine Logo

Color Models: Hue in HSL

Explore how Hue works within the HSL color model.


Product/Version: PowerPoint

OS: Microsoft Windows and Mac OS X

Colors can be darker or lighter: and this in color terms is called Luminosity. Color can also be saturated (vibrant) or desaturated (neutralized). Desaturation can be done to a lesser extent or more, and when it happens to the maximum extent possible, that’s the same as completely neutralizing the color altogether. Think about converting a colored picture to grayscale and you will understand what may be happening! This property of color is called Saturation.

Now beyond Luminosity and Saturation lies the Hue of color. You can have a blue that’s dark or light, and even vibrant or neutralized. But you can also have a green, a red, an orange, a yellow, or any other color with those same attributes. This red, green, yellow, or blue property is nothing else but the Hue of the color.

Let’s learn this better by looking at Figure 1, below. Yes, this is the same visual that we last saw in our Saturation article.

A blue spectrum
Figure 1: The only common property all over this colored expanse is blue

If we change nothing else but just the Hue from Blue to Green, we will end up with a similar looking visual, as shown in Figure 2, below.

Blue gives way to green with all other properties unchanged
Figure 2: Blue gives way to green with all other properties unchanged

Let us now explore various Hues that you can add to a color. This can be seen better in the Hue circle that you can see in Figure 3, below. Do note that these colors almost follow the sequencing as can be seen in the rainbow. And that’s not strange because these hues relate to the same scientific principles upon which the rainbow forms!

The Hues circle
Figure 3: The Hues circle

Now if we were to flatten this circle to a bar, which is what you will encounter more often in interfaces of programs such as PowerPoint, then, this is what you will see, as shown in Figure 4, below.

The Hues bar
Figure 4: The Hues bar

Now let us try and connect these Hues with some numbers. The numbers we will use to calculate the Hue are 0 to 255. Remember that these are the same numbers that we used for Luminosity and Saturation. Notice in Figure 4, above that our Hues bar starts with red. That’s not surprising since a pure Red has a Hue value of 0.

Look at Figure 5, below to see the Hue values of some common colors.

Hue values of some common colors
Figure 5: Hue values of some common colors

The amazing part of the colors we explored is that they all have the same Luminosity and Saturation values, and only their Hue values were changed. Look at the table below to understand how this works.

Color H S L Swatch
Red 0 255 128  
Yellow 42 255 128  
Green 85 255 128  
Cyan 127 255 128  
Blue 175 255 128  
Magenta 213 255 128  

What did we learn from all this color science? We learned that Hue provides the actual pure color whereas other color characteristics come from the Luminosity and Saturation properties.

See Also: Color: HSL | Luminosity | Saturation

See Also:

Color Models: Hue in HSL (Index Page)

You May Also Like: Slideflight: Conversation with Georg Kremer | Spain Flags and Maps PowerPoint Templates

Popular Posts

Flowchart Symbols: What They Represent?
Flowchart Symbols: What They Represent?
Explore various flowchart symbols, and learn about what they represent.

Types of Animation in PowerPoint 2010 for Windows
Types of Animation in PowerPoint 2010 for Windows
Learn about different animation types in PowerPoint 2010 for Windows.

Restoring Earlier Versions of Presentations in PowerPoint 2010 for Windows
Restoring Earlier Versions of Presentations in PowerPoint 2010 for Windows
Learn how to restore earlier versions of your current presentation in PowerPoint 2010.

What is Animation in PowerPoint?
What is Animation in PowerPoint?
Learn what animations is and how to effectively plan animation for PowerPoint.

Jigsaw Graphics for PowerPoint

Here are 10 jigsaw graphics containing different shapes. These graphics are available in both black and white and are contained within separate sample presentations that you download. Additionally, these jigsaw graphics are vector shapes, so you can easily edit them within your Microsoft Office program by changing fills, lines, and effects or even applying Shape Styles.

Download and use these Jigsaw Graphics in your slides for just $4.99+

This is the original page. An AMP (Accelerated Mobile Page) version of this page is also available for those on mobile platforms, at Color Models: Hue in HSL.

Microsoft and the Office logo are trademarks or registered trademarks of Microsoft Corporation in the United States and/or other countries.

Home | PowerPoint | Photoshop | PowerPoint Templates | PowerPoint Tutorials | Blog | Notes | Ezine | Media Kit | Feedback | Site Map | About Us | Contact Us

Link to Us | Privacy | Testimonials

PowerPoint Backgrounds | Christian PowerPoint Backgrounds | Business PowerPoint Presentation Templates

Plagiarism will be detected by Copyscape

©2000-2022, Geetesh Bajaj. All rights reserved.