HSB

HSB
Name	HSB
Alternative names	HSV, HSL (related)
Type	Cylindrical-coordinate color model
Components	Hue; Saturation; Brightness
Space	RGB-derived
Introduced	1970s–1980s
Common uses	Digital imaging; Graphic design; Color pickers

HSB HSB is a cylindrical-coordinate color model that represents colors by three components: hue, saturation, and brightness. It is widely used in software interfaces, image editors, and hardware device controls because it maps more intuitively onto how many users describe and manipulate color in visual workflows. The model is tightly related to other representations such as HSV, HSL, and device-dependent RGB color model variants used by manufacturers like Apple Inc., Microsoft, and Adobe Systems.

Definition and Overview

HSB decomposes a color into three explicit parameters: hue conveys the angular position around the color wheel, saturation describes the purity or vividness relative to a neutral axis, and brightness indicates the luminous intensity relative to the maximum for a given hue and saturation. Implementations of HSB are typically derived from an underlying RGB coordinate system such as sRGB, Adobe RGB (1998), or ProPhoto RGB. Common user interfaces incorporating HSB include the color pickers first popularized in applications from Macintosh System Software and later refined in Adobe Photoshop and GIMP.

Color Model: Hue, Saturation, Brightness

Hue is commonly expressed as an angle in degrees (0°–360°) mapping to perceptual loci such as Red, Green, Blue, Yellow, and intermediate named hues like Magenta and Cyan. Saturation often ranges from 0 (neutral gray) to 100% (full chroma) and is conceptually linked to descriptive terms used by Munsell color system practitioners and by standards bodies like the International Commission on Illumination (CIE) in discussions of chroma and saturation. Brightness in HSB corresponds to the maximum channel value in the underlying RGB triple and is distinct from photometric measures such as luminous flux used by organizations like Illuminating Engineering Society. Implementations in software from Microsoft Windows and Apple macOS may label components differently while preserving the same mapping to underlying RGB data.

Applications in Digital Imaging and Design

HSB is widely used in creative applications such as Adobe Photoshop, CorelDRAW, Affinity Designer, GIMP, and web design tools for tasks including color selection, palette generation, and interactive sliders. User-oriented color pickers in Mozilla Firefox, Google Chrome, and operating system utilities expose HSB controls because they align with designer workflows that reference real-world pigments and inks used by printers like Pantone. In digital painting and texture creation for game engines such as Unity (game engine) and Unreal Engine, HSB sliders permit rapid hue shifts and desaturation effects without re-authoring complex RGB maps. HSB also appears in printing workflows tied to color management systems produced by X-Rite and BasICColor for soft-proofing and gamut checks.

Color Conversion and Mathematical Representation

Conversion between HSB and RGB is algorithmic: given RGB in [0,1], compute max and min channel values, derive brightness as max, compute saturation from the difference (max − min), and compute hue based on which channel is maximal with piecewise arithmetic. This procedure parallels conversions published in computer graphics literature and implemented in libraries such as OpenCV, ImageMagick, and Matplotlib. Because HSB is not perceptually uniform, conversions to standards-compliant spaces such as CIELAB or CIELUV require intermediate transformations through profile-anchored XYZ (color space) and device profiles like ICC profile. Numerical implementations must handle edge cases such as zero saturation (achromatic colors) and rounding differences across floating-point and integer representations in hardware from NVIDIA and AMD GPUs.

Perception, Limitations, and Comparisons with Other Models

Perceptually, HSB aligns with lexical labels used by artists and designers but diverges from models designed for uniform color differences such as CIELAB and CAM02-UCS. HSB’s brightness is not equivalent to perceptual lightness used in Munsell color space or CIE L*a*b*; thus operations like linear interpolation in HSB can yield nonintuitive results compared with interpolation in CIELAB or HSL. For color grading and scientific visualization—workflows practiced at institutions like NASA and NIH—models such as Lab color space and CIECAM02 are preferred for consistent perceptual changes. HSB remains practical for user-facing tools but is limited for color-critical tasks in industries like printing overseen by ISO standards and theatrical lighting controlled with protocols from DMX512-A.

History and Development of the HSB Model

HSB evolved during the rise of interactive computer graphics in the 1970s and 1980s when researchers and software engineers sought interfaces that matched human descriptions of color. Early GUI implementations on machines like the Xerox Alto and later commercial systems from Apple Computer and Microsoft Corporation popularized circular color selectors. Academic treatments and algorithmic descriptions appeared in texts by authors associated with SIGGRAPH and in raster graphics toolkits such as Cairo (graphics) and PostScript-based rasterizers used by Adobe Systems. Subsequent standardization efforts around color appearance and device profiles by groups including the CIE and the International Color Consortium influenced migration from simple HSB widgets toward profile-aware color management pipes in professional applications.

Category:Color models