top of page
Jaysan X

Characteristics of Light - Hue, Saturation and Value

In the previous article, we saw how we differentiate between different parts of an image depending on the distribution of exposure. In this one, we are going to understand some basic concepts of colour.


Every colour can be broken down into three fundamental ingredients.

  1. Hue

  2. Saturation

  3. Value


These terms sound all sciency but they are really easy to grasp.


Let’s start with hue. Hue is literally the colour that you’re looking at. It’s like the main ingredient in the colour’s recipe.

The second ingredient is the saturation which is the intensity of a hue. Think of it as the level of spiciness in a flavour.

Take blue for example and add some saturation to it and the intensity of blue really increases. Conversely if we dial back that saturation, we lose the intensity and the blue becomes very dull, almost grey.



The last slice of this colour pie is value and value is basically the brightness of a colour.

You combine all three and different colours are born. Any colour can be represented using hue,saturation and value.

And this is called as HSL or HSV which is (Hue, Saturation, Lightness or value).




For example, by using Hue = 122, Saturation = 66, Value = 70 we get a creamier version of green whereas when we use hue = 347, saturation = 88 and value = 36, we get a darker shade of maroon.

And this is how different colours can be formed by playing with the hue, saturation and Value.


What is hex color code?

Since, its difficult for a designer or a photographer to describe specific colours to someone else by describing its attributes, there’s a need for a mathematical representation of colours and this is done using color codes.

Color codes are hexadecimal triplets representing the colors red, green, and blue (#RRGGBB). For example, in the color red, the color code is #FF0000, which is '255' red, '0' green, and '0' blue.

You can just copy paste the color codes of a specific colour instead of trying to recreate it on your own.

Comments


  • YouTube
  • Instagram
bottom of page