#Club5050 - Color Gamut Part 2 ( HSL, HSV )

in Steem Skillshare3 years ago

csdcsdcsdc.jpg

saasas.png
Hello Guys, Come back with me @atim1234.!!!

After understanding the meaning of color peat as well as the distinction between RGB and CMYK in the color peat lesson, we will now return to PART SECOND.

In the last section, I said that we would be learning about color gamut in the world of graphic design this time.

Let's Get Started!


saasas.png

We'll ask, "Is there a link between color gamut and graphic design?" once we've grasped the concept of color gamut. And the response is, And the response is, of course. why ? Because color accuracy is essential in the field of graphic design, especially if you work in the printing sector.

As a result, a designer needs a computer monitor that can display precise color reproduction. Of course, the accuracy of this color reproduction is dependent on the specifications of the monitor that we use, which correspond to international color standards.

While we use visual editing tools or digital drawing applications on computers (such as Photoshop, Affinity Designer, CorelDRAW, and so on), we have undoubtedly seen and even heard of a color palette, which allows us to select numerous RGB colors to color when using design applications. graphic.

image.png
source Image

Furthermore, there is something called HSL, which stands for hue, saturation, and lightness, and the value of this color may still be modified based on the characteristics we desire. But you may also hear the phrase HSV, which stands for Hue Saturation and Value; it may seem similar, but it is not.


source Image

saasas.png

  • What do the terms HSV and HSL mean?

I'll go through each of these words one by one to make sure you understand what I'm saying.
  • HUE

Hue is a phrase used to indicate the name of a color. It signifies that in a color circle, there are three primary colors: red, blue, and yellow. If we combine these three colors, we will get a color gradation with no name, hence the name of this hue will be referred to as the color's name.

image.png
source Image

  • SATURATION.

Saturation is defined as color density / weak or strong color, with the intensity range of a color indicated in percent (%), i.e. (Grey) 0 percent - 100 percent. The color is then 100 percent saturated if it is really bright.

A perfect brilliant red color, for example, signifies great intensity, but if the intensity is low, the color is dark gray.

image.png
source Image

  • Lightness

While Lightness is the amount of brightness of the hue color.

Because there was a phrase called value, I shall explain it.
saasas.png

  • What exactly is VALUE?

Value is a Color Value that governs a color's Brightness or Darkness and Lightness. where white has the maximum brightness and black has the lowest. Or the phrases is Lighting and Shadow.

The value range is represented in the form of Percent (%), i.e. 0% - 100%. So, if 0%, the color is black, and if 100%, the color is white (not perfect white, but more saturated white, nearly gray). Why not 100% perfect white?

image.png
source Image

The explanation is that this is the distinction between HSV and HSL.

HSV and HSL are systems or approaches for representing points in RGB color. The distinction between the two lies in the value with lightness. Lightness enhances every Hue hue picked from Black, the darkest color level, to White, the lightest color level.

whereas Value merely brightens the Hue from the bottom location, i.e. Black, to the maximum Hue point/selected color because in HSL, the Lightness spans the entire spectrum beginning with the lowest level, namely Black, and progressing via the selected Hue / Hue to the highest level, namely White (in HSV, the Value is only half starting from Black to the selected Color). I hope you understand what we're talking about.

saasas.png

However, in order to understand this word, we must first understand the most basic type of color gamut implementation that we find in graphic design software, which, of course, greatly aids you in selecting the color level in your design item.

But the subject does not end there. Next, we will examine International Color Standards and Accuracy Produced!, which is also extremely significant information for determining the color level that you will use in your design to match your customer's display or monitor.

Hopefully Helpful, Happy creative!

Thank you

saasas.png



Best Regards To :
@milakz
@daytona475
@ftz
@papi.mati
@slon21
@steem.skillshare

My social media

Instagram : https://www.instagram.com/abenk_bolang21/
Facebook : https://www.facebook.com/abenk.bolang21/
Twitter : https://twitter.com/abenkbolang
Email : [email protected]

Join SteemSkillshare Community

Join Our Discord


Alternative links delegates [email protected] :

50100200300400500
10002000300040005000
10000

steemskillshare Banner HQ.png

Sort:  

Thanks for lesson

You're welcome, my friends!!@durbisrodriguez
I hope you understand it, and enjoy

Yes, can I use traductor

Hi @atim1234 knowing the range of colors is interesting. Thank you for sharing your knowledge with us with a quality publication.

 3 years ago 

Great course dear @atim1234,am glad I'm still learning a lot from your post.

Thanks Brother

Congratulations, your nice post has been upvoted by the steem.skillshare curation trail!
If you wish to join as well our trail and support our community, other users, and earn the curation reward, please check out this post:
steem.skillshare curation trail post

trail.jpg

Coin Marketplace

STEEM 0.21
TRX 0.26
JST 0.040
BTC 100671.43
ETH 3655.73
USDT 1.00
SBD 3.14