8-900-374-94-44
[email protected]
Slide Image
Меню

Применение hsb: Цветовая модель HSB

Цветовая модель HSB

В новом материале из серии статей про цветовые модели мы познакомимся с моделью HSB. Многие дизайнеры знают её хуже, чем RGB, CMYK и Pantone. Но понимать, как устроена модель HSB, очень важно для того, чтобы лучше разобраться в особенностях работы с цветами и их сочетаниями в дизайне.

История HSB

Цветовую модель HSB предложил в середине 1970-х годов Элви Рэй Смит, один из основателей компании Pixar. Он тогда был сотрудником Xerox Parc, знаменитого исследовательского центра Xerox, и вместе с коллегами работал над одним из первых компьютерных графических редакторов — SuperPaint (вот видео про него).

Для передачи цветов в те времена в компьютерах использовалась цветовая модель RGB, довольно сложная для понимания. Поэтому Смит придумал другую модель, с помощью которой можно было бы более точно передавать цвета с учётом их природных особенностей. Он назвал её HSV — от слов Hue (то есть, «цветовой тон», «хроматический цвет»), Saturation («насыщенность») и Value («значение цвета»). По сути, последний параметр передавал яркость (по-английски brightness), потому позднее появилось альтернативное название модели — HSB.

Как устроена модель HSB

Вы уже, наверное, в курсе, что модели RGB, CMYK и Pantone, упомянутые выше, помогают определять цвет за счёт взаимодействия нескольких цветов. В RGB цвета получаются за счёт добавления (поэтому эту модель ещё называют аддитивной), а CMYK и Pantone — за счёт вычитания (такие модели называют субтрактивными). Подробнее о том, как это устроено, мы рассказывали в предыдущих статьях.

Как считаете, к какому типу моделей относится модель HSB? Правильный ответ — ни к какому из вышеперечисленных. В ней цвета получают не смешением или вычитанием цветов, а за счёт управления тремя параметрами:

  • Hue — цветовой тон (хроматический цвет)
  • Saturation — насыщенность
  • Brightness — яркость

Особенность этой модели в том, что её природа ближе всего к реальной природе цветов. Давайте разберёмся чуть подробнее, как ориентироваться в этой модели. А для этого внимательнее изучим каждую её составляющую. Начнём с цветового тона!

Hue (цветовой тон)

Цветовой тон — это хроматический цвет. Напомним, что хроматическими называются все цвета, кроме чёрного, белого и оттенков серого. Такие цвета ещё называют спектральными, поскольку они получаются за счёт разложения белого цвета на составные части.

Ещё Исаак Ньютон, который, собственно, первым описал физическую природу цветов, придумал, что все цвета спектра можно объединять в круг. Поскольку в начале спектра находился красный цвет, а конце — фиолетовый, Ньютон добавил между ними пурпурный цвет, и таким образом, круг замкнулся.

Полная окружность состоит из 360°. Каждому градусу соответствует определённая координата на окружности. 0° — это красный цвет. 60° — жёлтый. А, скажем, 240° — синий. Именно за это значение и отвечает параметр Hue в данной модели.

Вот эти цвета на цветовом круге ещё называют «чистыми спектральными цветами» или «хроматическими». Это «цветные цвета».

Но оттенков цветов там нет. Как нет и ахроматических, «бесцветных цветов». Вот зачем нам нужны ещё два параметра.

Saturation (насыщенность)

Насыщенность — это параметр, который определяет выраженность цвета. Самые выраженные (насыщенные) цвета — те самые «чистые спектральные». А при уменьшении насыщенности цвет постепенно становится более блёклым.

Но как это работает в цветовом пространстве? Цветовой тон мы представляем в виде круга. Чистые спектральные цвета — это цвета, которые находятся непосредственно на окружности. По мере отдаления от края к центру цвета как бы тускнеют.

То есть внутри цветового пространства насыщенность — это отдалённость от центра. При 100% отдалённости вы оказываетесь на краю круга. При 0% отдалённости — в центре. Но какой цвет мы получим, находясь в центре окружности?

Чтобы ответить на этот вопрос, нам и нужен третий параметр — яркость.

Brightness (яркость)

Яркость определяет освещённость или затемнённость цвета. HSB — это объёмное цветовое пространство. И если параметры цветового тона и насыщенности позволяли нам перемещаться в рамках одной плоскости, то яркость помогает нам перемещаться по высоте в этом пространстве.

Это цветовое пространство часто показывают в форме цилиндра. В верхней его точке, в центре, мы получим белый цвет — это самая освещённая точка пространства.

Чёрный цвет — это, по сути, отсутствие света. То есть, если совсем убрать свет, то цвет исчезнет. Таким образом, если освещённость, например, красного цвета максимальная — цвет виден максимально чётко. А если освещённость уменьшается, то и цвет темнеет — как если бы на него падало меньше света.

Но поскольку, по сути, вся нижняя часть цилиндра, в какой бы его точке мы не находились, становится чёрным цветом, визуальное представление этой модели часто упрощают до конуса.

Применение HSB

Понимание того, что цвета имеют не только спектральное составляющую, но также и насыщенность, и яркость, очень важно, когда вы занимаетесь подбором цветов. Например, увеличивая или уменьшая насыщенность, можно управлять иерархией цветов и показывать, какие элементы дизайна главные, а какие второстепенные. Яркость, а точнее, контрастность, очень важна, в частности, в работе с текстом.

Даже если вы не работаете с HSB как с основной моделью, в ней удобно анализировать освещённость и насыщенность цветов.

И контраст цветов возможен не только в контексте хроматических цветов, но и в контексте других параметров цвета.

То есть, может быть контраст по насыщенности.

А может быть контраст по освещённости.

Похожая цветовая модель: HSL

Кстати, существует очень похожая на HSB цветовая модель HSL.

Она также представляет цвет с помощью трёх параметров. Два из них такие же, как в модели HSB — это, как вы могли догадаться, цветовой тон и насыщенность. А вот третий параметр отличается.

В модели HSL это светлота, Lightness В некоторых случаях она ещё называется интенсивностью (Intensity). Отличие этой модели в том, что если в HSB белый цвет представлялся точкой в центре в верхней части цилиндра, а максимальное значение яркости при максимальной насыщенности соответствовало чистому спектральному цвету, в HSL максимальная светлота всегда соответствует белому цвету, поскольку передаёт предельную силу света.  

·

3692

·

5

Теми: Освіта Дизайн Графічний дизайн Creative Practice Колір

Цветовая модель HSB

Модель HSB

Эта цветовая модель является наиболее простой для понимания. Кроме того, она равно применима и для аддитивных, и для субстративных цветов. 

  HSB —это трехканальная модель цвета. Она получила название по первым буквам английских слов: цветовой тон (hue), насыщенность (saturation), яркость (brightness).

Характеризующие параметры цвета.

Цветовые тона или спектральные цвета   располагаются на цветовом круге. Цветовой тон характеризуется положением на цветовом круге и определяется величиной угла в диапазоне от 0 до 360 градусов. Эти цвета обладают максимальной насыщенностью и максимальной яркостью.

Если по краю цветового круга располагаются максимально насыщенные цвета (100%), то остается только уменьшать их насыщенность до минимума (0%). Цвет с уменьшением насыщенности осветляется, как будто к нему прибавляют белую краску. При значении насыщенности 0% любой цвет становится белым.

Все цвета рассмотренного выше цветового круга имеют максимальную яркость (100%) и ярче уже быть не могут. Яркость можно уменьшить до минимума (0%). Уменьшение яркости цвета означает его зачернение. Работу с яркостью можно характеризовать как добавление в спектральный цвет определенного процента черной краски.

В общем случае, любой цвет получается из спектрального цвета добавлением определенного процента белой и черной красок, то есть фактически серой краски.

На цветовом круге основные цвета моделей RGB и CMYK находятся в такой зависимости: каждый цвет расположен напротив дополняющего его (комплиментарного) цвета; при этом он находится между цветами, с помощью которых получен. Например, сложение зеленого и красного цветов дает желтый. Чтобы усилить какой-либо цвет, нужно ослабить дополняющий его цвет (расположенный напротив него на цветовом круге). Например, чтобы изменить общее цветовое решение в сторону голубых тонов, следует снизить в нем содержание красного цвета.

Применение. HSB — модель, которую используют компьютерные художники. 

(+)  модели

(-)   модели

  • неплохо согласуется с восприятием человека: цветовой тон является эквивалентом длины волны света, насыщенность — интенсивности волны, а яркость — количества света 

  • данная модель является удобной и понятной и имеет большой цветовой охват

В Photoshop нельзя работать непосредственно с изображениями в этой модели. Однако вы можете создавать цвета, используя ее.

Запросите руководство по подаче заявления HBS MBA!

Отправляя эту форму, вы соглашаетесь на получение электронных писем от HBS MBA Admissions.

Идет загрузка…

Благодарим вас за интерес к программе HBS MBA! Руководство по применению представляет собой снимок того, что содержит приложение MBA. Чтобы запросить руководство, пожалуйста, заполните короткую форму ниже.

Имя*

Предпочтительное имя

Фамилия*

Адрес электронной почты*

Дата рождения*

Date of Birth*

JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember1234567891011121314151617181920212223242526272829303120232022202120202019201820172016201520142013201220112010200920082007200620052004200320022001200019991998199719961995199419931992199119

919881987198619851984198319821981198019791978197719761975197419731972197119701969196819671966196519641963196219611960195919581957195619551954195319521951195019491948194719461945194419431942194119401939193819371936193519341933193219311930192919281927192619251924192319221921192019191918191719161915191419131912191119101909190819071906190519041

021

00

Please confirm your Email Address*

Mobile Phone Number
Optional. Мы периодически рассылаем важные обновления и напоминания. Применяются стандартные тарифы на сообщения и данные.

Текущее место жительства*

Текущее место жительства*

Страна

Регион

Почтовый индекс

В каком году вы получили или получите степень бакалавра (или ее эквивалент)?*

195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919

1199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027

Undergraduate Institution Name
Optional.

Когда вы планируете поступать на программу MBA?*

Осень 2024 г. Осень 2025 г. Осень 2026 г. Осень 2027 г. Затрудняюсь ответить

Текущий работодатель Отрасль*

КонсалтингПотребительские товары/Розничная торговля/Электронная коммерцияФинансовые услугиЗдравоохранение/БиотехнологииПроизводство/Промышленность/ЭнергетикаСМИ/Развлечения/ПутешествияВоенныеНекоммерческие организации/Правительство/ОбразованиеТехнологииВенчурный капитал/Частный капиталДругое/В настоящее время не работаетСтудент очной формы обучения

гендерная идентичность?

ЖенщинаНебинарный МужчинаУ меня другая гендерная идентичностьЯ предпочитаю не раскрывать свою гендерную идентичность

Другая гендерная идентичность (необязательно)

Primary Country of Citizenship* ​​​​​​​

AfghanistanAland IslandsAlbaniaAlgeriaAndorraAngolaAnguillaAntigua and BarbudaArgentinaArmeniaArubaAshmore and Cartier IslandsAustraliaAustriaAzerbaijanBahamas, TheBahrainBangladeshBarbadosBassas Da IndiaBelarusBelgiumBelizeBeninBermudaBhutanBoliviaBonaire, Sint Eustatius, and SabaBosnia and HerzegovinaBotswanaBouvet IslandBrazilBritish Indian Ocean TerritoryBritish Virgin IslandsBruneiBulgariaBurkina FasoBurundiCambodiaCameroonCanadaCape VerdeCayman IslandsCentral African RepublicChadChileChinaChristmas IslandClipperton IslandCocos Islands (Keeling Islands)ColombiaComorosCongo (Brazzaville)Congo (Kinshasa)Cook IslandsCoral Sea IslandsCosta RicaCote D’IvoireCroatiaCubaCuracaoCyprusCzech RepublicDenmarkDjiboutiDominicaDominican RepublicEcuadorEgyptEl SalvadorEquatorial GuineaEritreaEstoniaEswatiniEthiopiaEuropa IslandFalkland Islands (Islas Malvinas)Faroe IslandsFederated States of MicronesiaFijiFinlandForeign/UnknownFranceFrench GuianaFrench PolynesiaFrench Southern and Antarctic LandsGabonGambia, TheGaza StripGeorgiaGermanyGhanaGibraltarGlorioso IslandsGreeceGreenlandGrenadaGuadeloupeGuatemalaGuernseyGuineaGuinea-BissauGuyanaHaitiHeard Island and McDonald IslandsHondurasHong Kong S. A.R.HungaryIcelandIndiaIndonesiaIranIraqIrelandIsraelItalyJamaicaJan MayenJapanJerseyJordanJuan De Nova IslandKazakhstanKenyaKiribatiKorea, NorthKorea, SouthKosovoKuwaitKyrgyzstanLaosLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacau S.A.R.Macedonia, Republic of NorthMadagascarMalawiMalaysiaMaldivesMaliMaltaMan, Isle ofMarshall IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMoldovaMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNetherlands AntillesNew CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorwayOmanPakistanPalau, the Pacific Islands ofPalestinePanamaPapua New GuineaParaguayPeruPhilippinesPitcairn IslandsPolandPortugalQatarReunionRomaniaRussiaRwandaSaint BarthelemySaint HelenaSaint Kitts and NevisSaint LuciaSaint MartinSaint Pierre and MiquelonSaint Vincent and the GrenadinesSamoaSan MarinoSao Tome and PrincipeSaudi ArabiaSenegalSerbiaSeychellesSierra LeoneSingaporeSint MaartenSlovakiaSloveniaSolomon IslandsSomaliaSouth AfricaSouth Georgia and the South Sandwich IslandsSouth SudanSpainSpratly IslandsSri LankaSudanSurinameSvalbardSwedenSwitzerlandSyriaTaiwanTajikistanTanzaniaThailandTimor-LesteTogoTokelauTongaTrinidad and TobagoTromelin IslandTunisiaTurkeyTurkmenistanTurks and Caicos IslandsTuvaluUgandaUkraineUnited Arab EmiratesUnited KingdomUnited StatesUruguayUzbekistanVanuatuVatican CityVenezuelaVietnamWallis and Futuna IslandsWestern SaharaYemenYugoslaviaZambiaZimbabwe

Я постоянный житель США

Вы латиноамериканец или латиноамериканец?

Вы латиноамериканец или латиноамериканец?

Независимо от вашего ответа на предыдущий вопрос, отметьте одну или несколько из следующих групп, членом которых вы считаете себя:

Независимо от вашего ответа на предыдущий вопрос, отметьте одну или несколько  из следующие группы, к которым вы относите себя:

Американские индейцы или коренные жители Аляски

Азиаты

Черный или афроамериканец

Коренной житель Гавайских островов или других островов Тихого океана

Белый

Вы студент колледжа в первом поколении? (Если ни один из ваших родителей не окончил четырехгодичный колледж или университет со степенью бакалавра или эквивалентной степенью, отметьте «да». ) больше всего интересует (выберите все подходящие варианты)? Необязательный.

Хотели бы вы узнать больше о любом из следующих сообществ HBS?

Хотели бы вы узнать больше о любом из следующих сообществ HBS?

LGBTQIA

Военные и ветераны

Партнеры и семьи

Заинтересованы ли вы в каких-либо инициативах HBS?

Заинтересованы ли вы в какой-либо инициативе HBS?

Бизнес и окружающая среда

Цифровой

Предпринимательство

Здравоохранение

Социальное предприятие

Вы рассматриваете программу совместного обучения в Гарварде?

Вы рассматриваете программу совместного обучения в Гарварде?

JD/MBA (HLS)

MPP/MBA и MPA-ID/MBA (HKS)

MS/MBA Биотехнология: науки о жизни

MS/MBA: инженерные науки

В каких отраслях вы надеетесь работать после получения MBA?

В каких отраслях вы надеетесь работать после получения MBA?

Консалтинг

Потребительские товары

Развлечения / Медиа / Связь

Финансовые услуги / Венчурный капитал / Частные инвестиции

Здравоохранение / Биотехнологии

Производство / Энергетика / Промышленность

Некоммерческие организации 9000 Правительство / Образование 2 Гостиничный бизнес / Электронная коммерция

Технологии

Обратите внимание, что отправка этой формы не запускает приложение в HBS.

Представьтесь

Отправляя эту форму, вы соглашаетесь на получение электронных писем от HBS MBA Admissions.

Загрузка…

Мы используем информацию, которую вы предоставляете в этой форме, чтобы адаптировать наши сообщения к вашим конкретным интересам. Обратите внимание: отправляя эту форму, вы соглашаетесь получать уведомления по электронной почте о приеме в HBS MBA. Вы можете отменить подписку в любое время.

Имя*

Предпочтительное имя

Фамилия*

Дата рождения* 
Это помогает нам обеспечивать безопасность ваших данных!

Дата рождения* 
Это помогает нам обеспечивать безопасность ваших данных!

JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember1234567891011121314151617181920212223242526272829303120232022202120202019201820172016201520142013201220112010200920082007200620052004200320022001200019991998199719961995199419931992199119

919881987198619851984198319821981198019791978197719761975197419731972197119701969196819671966196519641963196219611960195919581957195619551954195319521951195019491948194719461945194419431942194119401939193819371936193519341933193219311930192919281927192619251924192319221921192019191918191719161915191419131912191119101909190819071906190519041

021

00

Email Address*

Please confirm your Email Address*

Mobile Phone Number
Optional. Применяются стандартные тарифы на сообщения и данные.

Current Residence*

Current Residence*

Country

Region

Postal Code

What year did you or will you receive your undergraduate degree (or equivalent)?*

195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919

1199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027

Название учреждения бакалавриата
Необязательно.

Когда вы планируете записаться на программу MBA?*

Осень 2024 г. Осень 2025 г. Осень 2026 г. Осень 2027 г. Не определено -Прибыль / Правительство / ОбразованиеТехнологииВенчурный капитал / Частные инвестицииДругое / В настоящее время не работаетСтудент очной формы обучения

Какова ваша половая идентичность?

WomanNon-binaryManI have a different gender identityI prefer not to share my gender identity

Other gender identity (optional)

Primary Country of Citizenship*

AfghanistanAland IslandsAlbaniaAlgeriaAndorraAngolaAnguillaAntigua and BarbudaArgentinaArmeniaArubaAshmore and Cartier IslandsAustraliaAustriaAzerbaijanBahamas, TheBahrainBangladeshBarbadosBassas Da IndiaBelarusBelgiumBelizeBeninBermudaBhutanBoliviaBonaire, Sint Eustatius, and SabaBosnia and HerzegovinaBotswanaBouvet IslandBrazilBritish Indian Ocean TerritoryBritish Virgin IslandsBruneiBulgariaBurkina FasoBurundiCambodiaCameroonCanadaCape VerdeCayman IslandsCentral African RepublicChadChileChinaChristmas IslandClipperton IslandCocos Islands (Keeling Islands)ColombiaComorosCongo (Brazzaville)Congo (Kinshasa)Cook IslandsCoral Sea IslandsCosta RicaCote D’IvoireCroatiaCubaCuracaoCyprusCzech RepublicDenmarkDjiboutiDominicaDominican RepublicEcuadorEgyptEl SalvadorEquatorial GuineaEritreaEstoniaEswatiniEthiopiaEuropa IslandFalkland Islands (Islas Malvinas)Faroe IslandsFederated States of MicronesiaFijiFinlandForeign/UnknownFranceFrench GuianaFrench PolynesiaFrench Southern and Antarctic LandsGabonGambia, TheGaza StripGeorgiaGermanyGhanaGibraltarGlorioso IslandsGreeceGreenlandGrenadaGuadeloupeGuatemalaGuernseyGuineaGuinea-BissauGuyanaHaitiHeard Island and McDonald IslandsHondurasHong Kong S.

A.R.HungaryIcelandIndiaIndonesiaIranIraqIrelandIsraelItalyJamaicaJan MayenJapanJerseyJordanJuan De Nova IslandKazakhstanKenyaKiribatiKorea, NorthKorea, SouthKosovoKuwaitKyrgyzstanLaosLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacau S.A.R.Macedonia, Republic of NorthMadagascarMalawiMalaysiaMaldivesMaliMaltaMan, Isle ofMarshall IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMoldovaMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNetherlands AntillesNew CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorwayOmanPakistanPalau, the Pacific Islands ofPalestinePanamaPapua New GuineaParaguayPeruPhilippinesPitcairn IslandsPolandPortugalQatarReunionRomaniaRussiaRwandaSaint BarthelemySaint HelenaSaint Kitts and NevisSaint LuciaSaint MartinSaint Pierre and MiquelonSaint Vincent and the GrenadinesSamoaSan MarinoSao Tome and PrincipeSaudi ArabiaSenegalSerbiaSeychellesSierra LeoneSingaporeSint MaartenSlovakiaSloveniaSolomon IslandsSomaliaSouth AfricaSouth Georgia and the South Sandwich IslandsSouth SudanSpainSpratly IslandsSri LankaSudanSurinameSvalbardSwedenSwitzerlandSyriaTaiwanTajikistanTanzaniaThailandTimor-LesteTogoTokelauTongaTrinidad and TobagoTromelin IslandTunisiaTurkeyTurkmenistanTurks and Caicos IslandsTuvaluUgandaUkraineUnited Arab EmiratesUnited KingdomUnited StatesUruguayUzbekistanVanuatuVatican CityVenezuelaVietnamWallis and Futuna ОстроваЗападная СахараЙеменЮгославияЗамбияЗимбабве

Я постоянный житель США

Вы латиноамериканец или латиноамериканец?

Вы латиноамериканец или латиноамериканец?

Независимо от вашего ответа на предыдущий вопрос, отметьте одну или несколько из следующих групп, членом которых вы считаете себя:

Независимо от вашего ответа на предыдущий вопрос, отметьте одну или несколько  из следующие группы, к которым вы относите себя:

Американские индейцы или коренные жители Аляски

Азиаты

Черный или афроамериканец

Коренной житель Гавайских островов или других островов Тихого океана

Белый

Вы студент колледжа в первом поколении? (Если ни один из ваших родителей/опекунов не окончил четырехгодичный колледж или университет со степенью бакалавра или эквивалентной степенью, отметьте «да».

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *