Color: Luminosity in HSL

{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://blog.indezine.com/#organization","name":"Indezine.com","url":"https://blog.indezine.com/","sameAs":["https://www.facebook.com/indezinecom/","https://www.instagram.com/indezinecom/","https://www.linkedin.com/company/13203307/","https://www.youtube.com/indezine","https://in.pinterest.com/indezinecom/","https://twitter.com/Indezine"],"logo":{"@type":"ImageObject","@id":"https://blog.indezine.com/#logo","inLanguage":"en-US","url":"https://blog.indezine.com/wp-content/uploads/2017/04/stencil.wordpress-site-icon.png","width":512,"height":512,"caption":"Indezine.com"},"image":{"@id":"https://blog.indezine.com/#logo"}},{"@type":"WebSite","@id":"https://blog.indezine.com/#website","url":"https://blog.indezine.com/","name":"PowerPoint and Presenting Stuff","description":"Thoughts and impressions of happenings in the world of PowerPoint and presentations, continuously updated since 2003.","publisher":{"@id":"https://blog.indezine.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":"https://blog.indezine.com/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://www.indezine.com/products/powerpoint/learn/color/luminosity.html#primaryimage","inLanguage":"en-US","url":"https://blog.indezine.com/wp-content/uploads/2015/07/color-luminosity-hsl-03.jpg","width":550,"height":417,"caption":"Color: Luminosity in HSL"},{"@type":"WebPage","@id":"https://www.indezine.com/products/powerpoint/learn/color/luminosity.html#webpage","url":"https://www.indezine.com/products/powerpoint/learn/color/luminosity.html","name":"Color: Luminosity in HSL","isPartOf":{"@id":"https://blog.indezine.com/#website"},"primaryImageOfPage":{"@id":"https://www.indezine.com/products/powerpoint/learn/color/luminosity.html#primaryimage"},"datePublished":"2015-07-30T03:45:00+00:00","dateModified":"2019-07-17T07:19:50+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.indezine.com/products/powerpoint/learn/color/luminosity.html"]}]},{"@type":"Article","@id":"https://www.indezine.com/products/powerpoint/learn/color/luminosity.html#article","isPartOf":{"@id":"https://www.indezine.com/products/powerpoint/learn/color/luminosity.html#webpage"},"author":{"@id":"https://blog.indezine.com/#/schema/person/a8b7d31ca40fe2d53cb9759e368624af"},"headline":"Color: Luminosity in HSL","datePublished":"2015-07-30T03:45:00+00:00","dateModified":"2019-07-17T07:19:50+00:00","mainEntityOfPage":{"@id":"https://www.indezine.com/products/powerpoint/learn/color/luminosity.html#webpage"},"commentCount":0,"publisher":{"@id":"https://blog.indezine.com/#organization"},"image":{"@id":"https://www.indezine.com/products/powerpoint/learn/color/luminosity.html#primaryimage"},"keywords":"Color,HSL,Hue,PowerPoint,Tutorials","articleSection":"Color","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.indezine.com/products/powerpoint/learn/color/luminosity.html#respond"]}]},{"@type":"Person","@id":"https://blog.indezine.com/#/schema/person/a8b7d31ca40fe2d53cb9759e368624af","name":"Geetesh Bajaj","image":{"@type":"ImageObject","@id":"https://blog.indezine.com/#personlogo","inLanguage":"en-US","url":"https://secure.gravatar.com/avatar/3e856f071ff669a212674298a93db500?s=96&d=mm&r=g","caption":"Geetesh Bajaj"},"sameAs":["https://twitter.com/Geetesh"]}]}

img[ci-src] {opacity: 0;} img.ci-image-loaded {opacity: 1;}(adsbygoogle = window.adsbygoogle || []).push({"google_ad_client":"ca-pub-4801357206794641","enable_page_level_ads":true,"tag_partner":"site_kit"});

Color: Luminosity in HSL

Created: Thursday, July 30, 2015 posted by Geetesh Bajaj at 9:15 am

2 Stars

3 Stars

4 Stars

5 Stars

(1 votes, average: 5.00 out of 5)

2 Stars

3 Stars

4 Stars

5 Stars

(1 votes, average: 5.00 out of 5)

Loading...

We explored the HSL color model broadly previously. Now, we will look at Luminosity, one of its three properties. So what is Luminosity? Luminosity is the value that spans from pure black (darkest) to pure white (lightest). Now how does Luminosity influence any color? If we change the Luminosity values to 0 (zero) for a given color, it does not matter what Hue or Saturation values they have; they will all be black! This reasoning is easy to explain using an analogy. In a very dark room, if you switch off the light you will be left with pitch darkness, and any object of any color will appear black. That’s precisely what’s happening here too!

Explore how Luminosity works within the HSL color model.

Related Posts

Color Models: Saturation in HSL
Color is a fascinating subject; a subject that evokes enough creativity and pickles the minds of many. If we were to pause looking at color as a creat...
Color Models: HSL
We learned about the RGB Color model in a previous tutorial. And while computers can easily understand the fact that you mix red and green to end up w...
Learning Color
Quick - what's a better slide color: gray or red? Almost everyone will say gray is far better as a slide color than red. Most of the time we agree, bu...
RGB Colors in Decimal and Hexadecimal Values
While we learned the basics about RGB colors, that constitute portions of Red, Blue, and Green—what we need to know is that there is so much more to l...

Filed Under: Color
Tagged as: Color, HSL, Hue, PowerPoint, Tutorials

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

Plagiarism will be detected by Copyscape

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

since November 02, 2000

-->