Рис. 2.6. Представление модели HSB средствами редактора Photoshop. В этой системе яркостная и цветовая составляющие разделены. Это дает в руки дизайнера удобные инструменты работы с цветом
Если проследить за изменениями этих координат, то можно дать четкое объяснение распределению цветов в этом поле. Нижняя часть его отвечает цветам низкой (или нулевой) яркости, поэтому соответствующая часть поля окрашена в серые тона высокой плотности. Смещение по вертикали дает все более яркие цвета, а сдвиг по горизонтали приводит к получению более чистых (насыщенных) тонов. Правая верхняя точка соответствует цвету, который является родовым для всего цветового поля.
Иногда для описания модели HSB используется иная геометрическая аналогия.
Пусть цвета видимого спектра располагаются по кругу, как цифры на циферблате часов. Каждому оттенку соответствует точка на окружности. Чтобы указать положение чистого спектрального цвета, достаточно задать угол поворота радиуса-вектора. В большинстве графических программ принято начинать отсчет от красного цвета и располагать основные и дополнительные цвета с приращением 60 градусов (рис. 2.7). Следует отметить, что направление отсчета и начальная точка - это характеристики, которые не имеют принципиального значения и могут быть изменены в программных реализациях данной модели.
Величина насыщенности описывается как длина радиуса-вектора. Чем менее насыщенным является цвет, тем ближе к центру окружности располагается представляющая его точка. Центр круга соответствует черному цвету. Обычно насыщенность измеряется в процентах: минимальная насыщенность равна 0, максимальная - 100. Чтобы учесть в нашей модели яркость, надо добавить третью координату.