RGB & HSB Colour Values – Sliders

The secondary colours produced by the HSB colour model are the same as the RGB colour model: cyan, magenta and yellow.

Cyan is a secondary colour in the RGB colour model!

RGB refers to the colours red, green and blue. These are the primary colours used by the RGB colour model to mix wavelengths of light to produce a palette of as many as 16 million colours.

Magenta is a secondary colour in the RGB colour model.

The primary colours in the HSB colour model are the same as the RGB colour model: red, green and blue.

RGB colour is an additive colour model in which red, green and blue light is combined to reproduce a wide range of other colours.

• The primary colours in the RGB colour model are red, green and blue.
• In the RGB model, different combinations and intensities of red, green, and blue light are mixed to create various colours. When these three colours are combined at full intensity, they produce white light.
• Additive colour models are concerned with mixing light, not dyes, inks or pigments (these rely on subtractive colour models such as the RYB colour model and the CMY colour model).
• The RGB colour model works in practice by asking three questions of any colour: how red is it (R), how green is it (G), and how blue is it (B).
• The RGB model is popular because it can easily produce a comprehensive palette of 1530 vivid hues simply by adjusting the combination and amount of each of the three primaries it contains.

HSB colour values (codes) are numeric triplets used in software applications and programming to identify different colours.

• A numeric triplet is a code containing three parameters that refer to the hue, saturation, and brightness of a colour.
• For example:
  • The HSB values for pure red are(0, 100%, 100%): Hue: 0°, Saturation: 100%, Brightness: 100%.
  • A lighter, pastel version of red might be (0, 50%, 100%): Hue: 0°, Saturation: 50%, Brightness: 100%.
  • A very dark, muted red could be: Hue (0, 100%, 20%): 0°, Saturation: 100%, Brightness: 20%.
• The values assigned to the three parameters can be used to define millions of different colours.
• Typically, the HSB colour model is implemented as follows:
  • Hue is represented in degrees from 0 to 360, corresponding to locations on the circumference of a colour wheel.
  • Saturation is represented as a percentage, where 100% denotes a fully saturated colour, and 0% denotes a fully desaturated colour.
  • Brightness is represented as a percentage, where 100% denotes the highest luminance of a colour, and 0% denotes the darkest possible shade of a colour.

The HSB colour model is similar to the RGB colour model insofar as it is an additive model based on RGB primary colours.

• Both RGB and HSB are additive colour models with red, green and blue primary colours. But whilst RGB relies on directly adjusting the amount of red, green and blue light needed to produce other colours the HSB colour model relies on adjusting hue, saturation and brightness.
• Hue refers to the perceived difference between colours and is usually described using names such as red, yellow, green, or blue.
  • Hue can be measured as a location on an HSB colour wheel and expressed as a degree between 0 and 360.
• Saturation refers to the vividness of a colour compared to an unsaturated colour.
  • Saturation is measured between a fully saturated colour (100%) and an unsaturated colour (0%)that appears either:
    • Dull and washed out until all colour disappears, leaving only a monochromatic grey tone (0%).
    • Misty or milky the nearer they are to white.
  • On many HSB colour wheels, saturation decreases from the edge to the centre.
• Brightness refers to the perceived difference in the appearance of colours under ideal sunlit conditions compared to poor lighting conditions where a hue’s vitality is lost.
  • Brightness can be measured as a percentage from 100% to 0%.
  • As the brightness of a fully saturated hue decreases, it appears progressively darker and achromatic.

A colour model is a system or framework used to understand, organise, and manipulate colour. It ranges from basic concepts, such as the sequence of colours in a rainbow, to more advanced models like RGB, CMYK, and CIE, which are essential for accurate colour reproduction in various fields, including digital media, printing, and manufacturing.

• A colour model, underpinned by colour theory, provides a precise and replicable approach to understanding:
  • How the human eye perceives light and interprets colour.
  • Different types of colour, including those produced by mixing lights, pigments, or inks.
  • How to manage the diverse ways colour is processed by devices such as cameras, digital screens, and printers.
• Colour models enable us to:
  • Make sense of colour in relation to human vision and the world around us.
  • Use colours in logical, predictable, and replicable ways.
  • Understand how to mix specific colours, whether using lights, pigments, inks, or dyes.
  • Specify colours using names, codes, notations, or equations.
  • Organise and apply colour for different purposes, from fabrics and interiors to vehicles.

• For more information see https://lightcolourvision.org/dictionary/definition/colour-model/