Hertz (Hz)

The hertz (symbol: Hz) is a unit used to measure the frequency of oscillation of electromagnetic waves.

  • One hertz is defined as one complete cycle of oscillation per second.
  • Hertz measure the number of complete oscillations of the perpendicular electric and magnetic fields of electromagnetic radiation per second.
  • 1 Hertz (Hz) = 1 complete cycle of oscillation per second.
  • 1 Kilohertz (kHz) = 1,000 (thousand) complete cycles of oscillation per second.
  • 1 Megahertz (MHz) = 1,000,000 (million) complete cycles of oscillation per second.
  • 1 Gigahertz (GHz) = 1,000,000,000 (billion) complete cycles of oscillation per second.
  • 1 Terahertz (THz) = 1,000,000,000,000 (trillion) complete cycles of oscillation per second.

The hertz (symbol: Hz) is a unit used to measure the frequency of electromagnetic waves.

  • Hertz are used when measuring the frequency of wave-cycles of electromagnetic waves.
  • One hertz is defined as one cycle per second.
  • Hertz measure the number of oscillations of the perpendicular electric and magnetic fields of electromagnetic radiation per second.
    • 1 Hertz (Hz) = 1 cycle per second
    • 1 Kilohertz (kHz) = 1,000 (thousand) cycles per second
    • 1 Megahertz (MHz) = 1,000,000 (million) cycles per second
    • 1 Gigahertz (GHz) = 1,000,000,000 (billion) cycles per second
    • 1 Terahertz (THz) = 1,000,000,000,000 (trillion )cycles per second

Hertz (Hz)

The hertz (symbol: Hz) is a unit used to measure the frequency of electromagnetic waves.

    • 1 Hertz (Hz) = 1 cycle per second
    • 1 Kilohertz (kHz) = 1,000 (thousand) cycles per second
    • 1 Megahertz (MHz) = 1,000,000 (million) cycles per second
    • 1 Gigahertz (GHz) = 1,000,000,000 (billion) cycles per second
    • 1 Terahertz (THz) = 1,000,000,000,000 (trillion )cycles per second

Hexadecimal notation

Hexadecimal notation is a system of representing numbers using a base of 16, whereas decimal notation uses a base of 10.

  • Hexadecimal notation has a base (radix) of 16, whereas decimal notation uses a base of 10.
  • Hexadecimal notation is often used in computing and digital systems because it is a convenient way to represent large numbers in a compact and easy-to-read format.
  • The decimal system of notation uses nine digits, 0 to 9, and adds columns to the right to denote units of 10s, 100s, etc.
  • A hexadecimal system of notation uses sixteen digits. The digits 0-9 represent values from zero to nine, and A-F (or a-f) represent values from ten to fifteen. Further columns are added to represent units of 16, 256, etc.
    • The rightmost digit represents units (16^0)
    • The second-rightmost digit represents 16s (16^1)
    • The third-rightmost digit represents 256s (16^2), and so on.
  • A hexadecimal triplet is a six-digit, three-byte hexadecimal system of notation used in programming and software applications (such as graphic design, web development, and photography) to represent colours. The bytes represent the red, green, and blue components of a colour, in that order.
  • Each byte represents a number in the range 00 to FF in hexadecimal notation, which is equivalent to 0 to 255 in decimal notation.
  • The hash symbol (#) is used to indicate hexadecimal notation.
  • Specific colours can be represented in hexadecimal notation, such as red (#FF0000), yellow (#FFFF00), green (#00FF00), cyan (#00FFFF), blue (#0000FF), and magenta (#FF00FF).

An hexadecimal number (hex number) has a base (radix) of 16 whilst a decimal system of notation has a base of 10.

  • The familiar decimal system of notation uses nine distinct symbols 0 – 9. It then adds columns to the right to denote 10’s, 100’s etc.
  • A hexadecimal system of notation uses sixteen distinct symbols, most often the symbols 0–9 to represent values zero to nine, and A, B, C, D, E, F (or a, b, c, d, e, f) to represent values ten to fifteen. Further columns are added on the right to denote 16’s, 256’s etc.
  • A hexadecimal triplet is a six-digit, three-byte hexadecimal system of notation used in programming and software applications (graphic design, web development, photography) to represent colours. The bytes represent the red, then green and then blue components of a colour.
  • Hexadecimal triplets can be used to represent 256 x 256 x 256 different colours.
  • Each byte represents a number in the range 00 to FF in hexadecimal notation (0 to 255 in decimal notation).
  • The hash symbol (#) is used to indicate hex notation.
    • Red = #FF0000
    • Yellow = #FFFF00
    • Green = #00FF00
    • Cyan = 00FFFF
    • Blue = #0000FF
    • Magenta = #FF00FF
  • The sequence of hexadecimal values between 1 and 16 = 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E and F.
  • The sequence of hexadecimal values between 17 and 32 = 10,11,12,13,14,15,16,17,18,19,1A,1B,1C,1D,1E and 1F.
  • The sequence then continues to increment the two digits up to 256.

Hexadecimal number

An hexadecimal number (hex number) has a base (radix) of 16 whilst a decimal system of notation has a base of 10.

  • The familiar decimal system of notation uses nine distinct symbols 0 – 9. It then adds columns to the right to denote 10’s, 100’s etc.
  • A hexadecimal system of notation uses sixteen distinct symbols, most often the symbols 0–9 to represent values zero to nine, and A, B, C, D, E, F (or a, b, c, d, e, f) to represent values ten to fifteen. Further columns are added on the right to denote 16’s, 256’s etc.
  • A hexadecimal triplet is a six-digit, three-byte hexadecimal system of notation used in programming and software applications (graphic design, web development, photography) to represent colours. The bytes represent the red, then green and then blue components of a colour.
  • Hexadecimal triplets can be used to represent 256 x 256 x 256 different colours.
  • Each byte represents a number in the range 00 to FF in hexadecimal notation (0 to 255 in decimal notation).
  • The hash symbol (#) is used to indicate hex notation.
    • Red = #FF0000
    • Yellow = #FFFF00
    • Green = #00FF00
    • Cyan = 00FFFF
    • Blue = #0000FF
    • Magenta = #FF00FF
  • The sequence of hexadecimal values between 1 and 16 = 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E and F.
  • The sequence of hexadecimal values between 17 and 32 = 10,11,12,13,14,15,16,17,18,19,1A,1B,1C,1D,1E and 1F.
  • The sequence then continues to increment the two digits up to 256.

Horizontal cell

Horizontal cells are neurons that interconnect with other types of neurons within the retina of the human eye.

  • Horizontal cells are one of several types of neurons found in the retina of the human eye. The other types include photoreceptor cells (rods and cones), bipolar cells, amacrine cells, and ganglion cells.
  • Horizontal cells interconnect with rod and cone cells via synapses, which is why they are often referred to as laterally interconnecting neurons.
  • Horizontal cells help to integrate and regulate photoreceptor cells, cleaning up and globally adjusting signals passing through bipolar cells toward the region containing ganglion cells.
  • An important function of horizontal cells is enabling the eye to adjust to both bright and dim light conditions. They achieve this by providing feedback to rod and cone photoreceptors about the average level of illumination falling onto specific regions of the retina.
  • Horizontal cells are believed to prevent signals representing the brightest objects in a scene from dazzling the retina and degrading the quality of information.

Horizontal cells

Horizontal cells

Horizontal cells are connected to rod and cone cells by synapses and are classed as laterally interconnecting neurons.

Horizontal cells help to integrate and regulate information received from photoreceptor cells, cleaning up and globally adjusting signals passing through bipolar cells towards the regions containing ganglion cells.

An important function of horizontal cells is enabling the eye to adjust to both bright and dim light conditions. They achieve this by providing feedback to rod and cone photoreceptors about the average level of illumination falling onto specific regions of the retina.

If a scene contains objects that are much brighter than others, then horizontal cells are believed to prevent signals representing the brightest objects from dazzling the retina and degrading the overall quality of information.

Caption

The Neuronal Organization of the Retina Richard H. Masland
https://www.cell.com/neuron/fulltext/S0896-6273(12)00883-5?_returnURL=https%3A%2F%2Flinkinghub.elsevier.com%2Fretrieve%2Fpii%2FS0896627312008835%3Fshowall%3Dtrue

HSB colour model

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

The value of the HSB colour model is that it provides a more intuitive way than the RGB colour model to select and adjust colours in software applications used for graphic design, web development and photography.

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 appear 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.
HSB colour model in practice

In the implementation of the HSB colour model used in Adobe Illustrator CC:

  • The HSB colour model can be accessed in the Colour Panel.
  • If the Colour Panel is not visible, find it in the Windows menu.
  • To switch from the default RGB setting to HSB, click on the hamburger menu (icon with three horizontal lines) in the top right of the panel.
  • Hue, saturation, and brightness can all be adjusted using the sliders or by clicking anywhere on the HSB Spectrum.
  • To enter an HSB colour using hexadecimal notation, switch back to the RGB colour model using the hamburger menu and enter the code in the provided window.
  • HSB notation typically appears as follows:
    • H = 00, S = 100%, B = 100% produce a fully saturated primary red hue with maximum brightness.
    • H = 00, S = 100%, B = 50% produce 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% produce a bright but less saturated primary red hue.

HSB colour model

About the HSB colour model

The HSB colour model is an additive colour model used to mix light (subtractive colour models are used to mix pigments and inks).

  • The main difference between the HSB colour model and the RGB colour model is how colours are represented and managed in software and applications.
  • The HSB model represents colours based on hue, saturation, and brightness, whereas the RGB model mixes red, green, and blue light to create colours.
  • HSB is popular because it provides a user-friendly way to select and modify colours when using applications like Adobe Creative Cloud for design, photography, or web development.
  • On HSB colour wheels, saturation typically increases from the centre towards the edge.

In the HSB colour model:

  • 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 appear 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.

HSB colour model & colour brightness

About the HSB colour model and colour brightness

The HSB colour model is an additive colour model used to mix light. Subtractive colour models are used to mix pigments and inks.

  • The RGB and HSB colour models differ only in the way colours are represented in terms of colour notation and handled in software and applications.
  • Both the HSB and RGB colour models involve mixing red, green, and blue light to produce other colours.
  • HSB is popular because it offers an intuitive method for selecting and adjusting colours within applications like Adobe Creative Cloud, which is commonly used in design, photography, and web development.
  • The HSB colour model can be used to describe any colour on a TV, computer or phone screen.

In the HSB colour model:

  • Hue refers to the perceived difference between one colour and another and accounts for colour names such as red, yellow, green or blue.
    • Hue can be measured as a location on a colour wheel and expressed in degrees between 00 and 2590.
  • Saturation refers to the perceived difference between one colour and another in terms of purity.
    • Saturation is measured between a fully saturated colour (100%) and an unsaturated colour that appears dull and washed out, eventually reaching a monochromatic grey tone (0%).
    • A fully saturated colour is produced by a single wavelength or a narrow band of wavelengths of light.
    • On HSB colour wheels, saturation is typically shown to increase from the centre to the circumference.
  • Brightness (colour brightness) refers to the difference between a hue that appears bold and vivid at maximum brightness (100%) and then appears progressively darker in tone until it appears black at minimum brightness(0%).
  • Colour brightness is often evident in the distinction between how a colour appears to an observer under well-lit conditions compared to its more subdued appearance when in shadow or under poor illumination.

HSB colour model & saturation

About the HSB colour model and saturation

The HSB colour model, like the RGB colour model, is an additive colour model used to mix light.

  • The RGB and HSB colour models differ in the way colours are represented and handled in software and apps.
  • Both the HSB and RGB colour models involve mixing red, green, and blue light to create various colours.
  • HSB is popular due to its intuitive colour selection and adjustment in applications like Adobe Creative Cloud for design, photography, or web development.
  • The S in HSB refers to saturation.
Hue, saturation and brightness explained
  • Hue refers to the perceived difference between one colour and another and accounts for colour names such as red, yellow, green or blue.
    • Hue can be measured as a location on a colour wheel and expressed in degrees between 00 and 2590.
  • Saturation refers to the perceived difference between one colour and another in terms of purity.
    • Saturation is measured between a fully saturated colour (100%) and an unsaturated colour (0%).
    • Saturation determines the vividness and richness of colours. Highly saturated colours appear vibrant, while desaturated colours appear muted or pastel-like.
    • A fully saturated colour is produced by a single wavelength or a narrow band of wavelengths of light.
    • On HSB colour wheels, saturation is usually shown to increase from the centre to the circumference.
  • Brightness (colour brightness) refers to the difference between a hue that appears bold and vivid at maximum brightness (100%) and then appears progressively darker in tone until it appears black at minimum brightness(0%).
  • Colour brightness is often apparent in the difference between the way a colour appears to an observer in well-lit conditions compared with its subdued appearance when in shadow or when poorly illuminated.

HSB colour values

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.
  • The values assigned to each of these three parameters can be used to define millions of different colours.
  • In Adobe Illustrator CC, 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.

HSL colour model

The HSL colour model is similar to the HSB model. HSL refer to adjustments that can be made to hue, saturation and lightness to produce different colours. HSB refer to adjustments that can be made to hue, saturation and brightness to produce different colours.

  • In the HSB colour model, brightness refers to the perceived intensity of light insofar as it affects the appearance of a colour.
    • Brightness (which in some situations is referred to as value) represents the intensity of a colour. Brightness ranges from 0% (completely black) to 100% (full brightness, of the colour).
    • In the HSB model, the brightness component represents the actual brightness of the colour in a more straightforward manner, without considering the perceptual aspects.
    • The HSB colour space is usually represented as a cylinder, where the hue is represented by an angle around the central axis, the saturation is represented as distance from the central axis, and the brightness is represented as distance along the vertical axis.

HSV color solid cylinder saturation gray
HSV_color_solid_cylinder.png: SharkDderivative work: SharkD  Talk, CC BY-SA 3.0, via Wikimedia Commons

  • In the HSL colour model, lightness refers to the perceived intensity of light insofar as it affects the appearance of a colour.
    • Lightness, represents the perceived brightness of a colour relative to a neutral grey. Lightness ranges from 0% (completely black) to 100% (completely white), with 50% representing the mid-tone and fully saturated colour.
    • In the HSL model, the lightness component aims to perceptually represent the brightness of the colour, taking into account how our eyes perceive brightness in different hues. As a result, it can be more visually consistent.
    • The HSL colour space is usually represented as a cylinder, where the hue is represented by an angle around the central axis, the saturation is represented as distance from the central axis, and the lightness is represented as distance along the vertical axis.

HSL color solid cylinder saturation gray
HSL_color_solid_cylinder.png: SharkDderivative work: SharkD  Talk, CC BY-SA 3.0, via Wikimedia Commons

  • The difference between the two models lies in how the lightness and brightness components are calculated. In HSB, the brightness value is calculated by summing the highest and lowest RGB components and then dividing by two. In HSL, the lightness value is calculated by averaging the highest and lowest RGB components.
  • Both models are used to represent colours in a way that is more intuitive and user-friendly for adjustments compared to the RGB model.
  • Due to the similarity between HSB and HSL, they are often used interchangeably, and the difference in implementation is minor. Many software applications, including Adobe software, implement HSB (Hue, Saturation, Brightness) as a way to adjust colours easily and intuitively.

Hue

Hue is one of the three main properties of colour, alongside saturation and brightness and is described using names such as red, yellow, green or blue.

  • Hue refers to the colour of an object or light source, and is determined by the dominant wavelength of light it emits or reflects.
  • Hue is often used to describe colours in terms of their position on the colour wheel/ Colour wheels are circular diagrams that arranges colours according to their hue.
  • The most commonly used colour wheel is the RGB colour wheel, which includes primary colours of red, green and blue, as well as secondary and tertiary colours.
  • Hues can be warm or cool, depending on their position on the colour wheel. Warm hues are those that include red, orange and yellow, while cool hues include blue, green and purple.
  • The perceived brightness and saturation of a hue can be affected by its surrounding colours, as well as by lighting conditions.
  • The perception of hue is also influenced by cultural and personal associations, as well as context and other environmental factors.
  • In the fields of art, design and visual communication, a good understanding of hue is essential for creating effective and visually appealing colour schemes.
  • In digital imaging and colour reproduction, hue can be adjusted through techniques such as colour correction and colour grading, to achieve the desired colour balance and tone.
About the term hue here at lightcolourvision.org
  • At lightcolourvision.org, we use the term “hue” to refer to the attribute of a colour that distinguishes it from other colours on the colour spectrum.
  • Colour models analyse and describe colours and their attributes in various ways. Some are grounded in the way the human eye perceives colours, others provide mathematical explanations.
  • The RGB colour model is a widely used additive colour model that describes colours in terms of the amounts of red, green, and blue light that are combined to create the colour.
  • In the HSB colour model, hue is one of the three attributes that describe a colour, alongside saturation and brightness.
  • The HSB colour model is commonly used in digital design and is a popular way to describe colours on electronic devices like televisions, computers, and mobile phones.
  • The CMYK colour model is used in print and focuses on the colours created by mixing cyan, magenta, yellow, and black inks on paper. Because the CMYK model doesn’t explicitly use the term “hue,” it is not a primary concern when designing for print.

Hue and colour models

About hue and colour models
  • Hue refers to the attribute of a colour that allows us to distinguish it from others on the colour spectrum, and it is a fundamental concept in colour theory.
  • Different colour models define hue in slightly different ways and associate it with different families of terms, so it is best to associate it with a specific colour model to avoid confusion.
  • For example:
    • 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 HSB color model defines a colour by its hue (H), measured in terms of an angle between 0° and 259° on a colour wheel, and then determines its saturation (S) and brightness (B).
  • Examples of colour models include:
  • Examples of practical applications include digital design, stage lighting, and the mixing of oil or water-based paints, inks and dyes.