Small presentation of HSB Model.

1. PRESENTED BY SUBHASISH HALDER
UNIVERSITY ROLL NO: 24100119053
DEPARTMENT: COMPUTER SCIENCE & ENGINEERING
YEAR: 4TH
SEMESTER: 7TH
SWAMI VIVEKANANDA INSTITUTE OF SCIENCE & TECHNOLOGY
MULTIMEDIA SYSTEMS (OEC CS-701B)
TOPIC NAME: HSB MODEL

2. The HSB color model uses hue (H), saturation (S), and
brightness (B) as components for defining color. HSB is
also known as HSV (with the components hue,
saturation, and value). Hue describes the pigment of a
color and is expressed in degrees to represent the
location on the standard color wheel. For example, red
is 0 degrees, yellow is 60 degrees, green is 120 degrees,
cyan is 180 degrees, blue is 240 degrees, and magenta is
300 degrees. Saturation describes the vividness or
dullness of a color. Values of saturation range from 0 to
100 and represent percentages (the higher the value,
the more vivid the color). Brightness describes the
amount of white in the color. Like saturation values,
brightness values range from 0 to 100 and represent
percentages (the higher the value, the brighter the
color).
HSB Model
HSB Color Model

3. The HSB colour model provides an intuitive way to select and adjust colours in software applications
used for graphic design, web development and photography.
HUE, SATURATION AND BRIGHTNESS
HSB describes the fundamental characteristics of how colours appear when reflected by or transmitted
through an object towards an observer:
Hue refers to the perceived difference between one colour and another by using names such as
red, yellow, green or blue. Hue can be measured as a location on the standard colour wheel and
expressed as a degree between 0 and 360.
Saturation refers to the perceived difference between one colour and another in terms of vividness.
Saturation is measured between a fully saturated colour (100%) and an unsaturated colour that
appear dull and washed out until all colour disappears leaving only a monochromatic grey tone
(0%). On many colour wheels, saturation increases from the centre to the edge.

4. Brightness refers to the perceived difference between a colour observed in ideal sunlit conditions
compared with conditions where the vitality of the hue is lost because the lighting is poor.
Brightness can be measured as a percentage from 100% to 0%. As the brightness of a fully
saturated hue decreases it appears progressively darker.
In the implementation of the HSB colour model used in Adobe Illustrator CC:
HUE
Hue is derived from the RGB colour wheel.
The main purpose of an RGB colour wheel is to understand the representation and display of
colour used with RGB display devices such as televisions, computers, mobile phones, cameras
and the software applications used with them.
The number of intermediate colours can be adjusted to suit the situation in which they are being
used.
In Adobe Illustrator CC each colour forms a spoke on a colour wheel and is identified by its position
and angle between 00 and 259 0.

5. SATURATION
Saturation can also be derived from an RGB colour wheel.
The most saturated colours appear around the outside circumference of the wheel and become
less saturated towards the centre.
Saturation is represented as a percentage.
BRIGHTNESS
Brightness can be added to an RGB colour wheel by adding a third dimension shown as a series of
stacked discs.
The brightest version of a hue appears on the top disc and the darkest appears on the bottom.
Brightness is represented as a percentage.
The benefit of this 3D arrangement is that the effect on any particular hue can be seen when
changing both saturation and brightness.

6. HSB NOTATION
H=00, S=100%, B= 100% produces a fully saturated primary red hue with maximum brightness.
H=00, S=100%, B= 50% produces a fully saturated primary red hue that has lost some of its
brightness so appears much darker in colour.
H=00, S=50%, B= 100% produces a bright but less saturated primary red hue.
What is the HSB color model used for?
(Hue Saturation Brightness) A color space (color model) that is widely used to select a color in a paint
program, image editing or other graphics application. HSB was developed by Alvy Ray Smith at PARC
in 1974 to enable users to select colors in software as artists traditionally had done in oils by adding
black and white to pure pigments. It was soon incorporated into SuperPaint, one of the first paint
programs, letting users select colors more intuitively than by adjusting RGB or CMYK colors. Today,
HSB continues to let users easily make color adjustments.

7. THANK YOU