Що насправді HSB?


10

Чи може хтось із моїх друзів графічного дизайнера пояснити мені HSB ? Я знаю, що це відтінок / насиченість / яскравість, і я знаю, що роблять ці три (здебільшого) ...

Я розумію алгоритм створення кольорів за RGB , а як щодо HSB ? Відтінок - це лише радіальне положення кольорів на кольоровому колі, чи не так? Але що роблять насиченість і яскравість? (Я знаю, один змиває колір (у напрямку до сірого), а інший освітлює або затемнює колір ...), але що вони роблять на кольоровому колі? Відтінок - радіальне положення? Я припускаю, що яскравість говорить про те, чи розташування кольору ближче до центру колеса чи ближче до краю колеса, але тоді, де грає насиченість?

Крім того, чорний колір навіть на кольоровому колесі? Або насправді це як кольоровий циліндр, де центр рухається від білого (на нижній частині обличчя) до чорного (на верхній частині) і насиченість вибирає z-positionколірне розташування?

Те, що я насправді намагаюся зрозуміти, це те, що при різному освітленні моя шкіра (якщо припустити, що це майже однаковий колір) завжди має однаковий відтінок, але різну яскравість, і на фотоапаратах з різною експозицією моя шкіра завжди матиме однаковий відтінок, але різна насиченість?

Відповіді:


15

Чудове запитання! Щоб взяти останню частину першою, ваш відтінок шкіри був би таким же, незалежно від яскравості падаючого світла, за умови, що колір світла не змінився. Ось чому "Виберіть тони шкіри" працює у Photoshop CS6 та пізніших версіях. У трансляційній відеороботі є широко використовуваний інструмент під назвою вектоскоп, який докаже вам, якщо ви коли-небудь перевірите це, що ВСІ людські шкіри потрапляють у той самий вузький діапазон відтінків. Демонстрація цього є у чудовому відеоуроці Ендрю Девіса про Creative Cow .

В основному, всі різні кольорові моделі, як мені здається, поділяються на три категорії: визначаючи колір під час його опису , як ми його генеруємо, так і сприймаємо .

HSB (також HSV) - це спосіб визначення кольору на основі того, як ми його описуємо (наприклад, "темно-червонувато-коричневий"). Це те, що використовує кольорове колесо - до речі, не те саме, що кольорове колесо художників. Він з'явився, коли ми отримали кольоровий екран, як спосіб спробувати описати колір більш інтуїтивно, ніж з номерами RGB.

Відтінок - це якість, яку ми можемо описати як "основний колір" чогось. На кольоровому колесі йому надається кутове значення.

Насиченість - це «чистота» кольору, також відома як «хроматичність», особливо в телевізійній та відеороботі. Жовтий, який не може отримати жовтого кольору, повністю насичений. Для знебарвлення кольору ви додаєте сірий (або ви віднімаєте колір, залишаючи сірий позаду - виберіть той опис, який видається більш інтуїтивним).

Яскравість визначається тим, скільки чорного кольору змішується з кольором. Не всі кольори сприймаються як однакова яскравість, навіть коли вони перебувають у повному насиченні, тому термін може вводити в оману. Яскравість найкраще розглядати як вісь z кольорового циліндра . На мій погляд, цінність - це кращий термін, оскільки воно не передбачає сприйнятої легкості чи темряви. Повністю насичений жовтий при повній яскравості (S 100%, B 100%) для очей яскравіший, ніж синій при тих же налаштуваннях S і B.

Ось циліндр, поданий із Вікіпедії:

введіть тут опис зображення

У програмі вибору кольорів Photoshop за замовчуванням прямокутник є «зрізом» кольорового циліндра. Панель відтінку визначає фрагмент, який ви дивитесь, потім у прямокутнику праворуч ліворуч змінюється насиченість, вгору вниз змінюється яскравість.

RGB , як і CMYK, - це механічна специфікація, пов'язана з тим, як пристрої генерують його. Колір, який ви дійсно бачите для заданого набору значень RGB, залежить від кольорової гами (sRGB, Adobe RGB) та кольорового профілю та фізичних характеристик пристрою, на якому він відображається.

L a b - це спроба визначити колір на основі того, як ми насправді сприймаємо його, і це єдиний спосіб, незалежний від пристрою, який визначають кольори в даний час. Колірна модель Лабораторії охоплює кожен відчутний колір, а також великий асортимент "неможливих" кольорів, таких як "чисто жовтий чорний". Дивіться про розчулювальну, але блискучу книгу Дена Маргуліса " Колір Photoshop LAB ", щоб отримати поглиблений практичний текст про використання лабораторії у Photoshop.


L*a*b*колір - не єдиний пристрій незалежного кольорового простору. sRGBє таким же незалежним від пристрою, як L*a*b*. І обом, L*a*b*і sRGBпотрібен еталонний білий колір, вони не є абсолютними. Для справді незалежної кольорової моделі ви можете використовувати XYZ. Якщо ви дійсно хочете дізнатися, прочитайте весь сайт brucelindbloom.com . Ява необхідна для повного досвіду.
DDS

1

HSB насправді зрозуміти набагато простіше, ніж RGB, тому це добре.

Я насправді написав тупо довгий пост, в якому пояснював HSB , тому я цитую трохи звідти, але перепитую, щоб відповісти на ваше запитання конкретніше.

Що таке відтінок? Подумайте: "Колір веселки"

Відтінок - це число від 0 до 360. Вимірюється в градусах, як градуси кола (адже у Whoa, спойлера, кола також 360 °). Пам’ятаєте кольорове колесо? Відтінок - це саме те, де ви знаходитесь на кольоровому колесі.

Колірне колесо - колесо AKA відтінку

Що таке насичення? Подумайте "Багатство"

Насиченість - це число від 0 до 100. Отже, незалежно від того, який відтінок ви вибрали, насиченість 100% стане найбагатшою можливою версією цього кольору, а насиченість 0% стане сірою версією цього кольору (тобто якщо колір світлий, він буде світло-сірим; якщо колір темний, він буде темно-сірим).

Хочу бачити?

Різні насичення постійного відтінку і яскравості

Насичення досить просте. Я інколи про це думаю як кількість кольору, введеного в сірий. Так 0% - це сірий сірий, але 100% - це найбарвніший колір, який може створити ваш монітор.

Що таке яскравість? Подумайте про лампочку

Яскравість - це число від 0 до 100. Як і насиченість, її іноді записують у відсотках. Це досить очевидно, що це означає, але є швидкий улов.

Яскравість 0% - чорна, незалежно від відтінку, незалежно від насиченості. Яскравість 100% біла, лише якщо насиченість також 0%. Інакше 100% яскравість - це просто… дуже яскравий колір. Звучить заплутаність? Думай про це так. Уявіть, що яскравість - це лампочка. 0% означає, що лампочка вимкнена (крок чорний у приміщенні). На 100% означає, що світло працює на повну силу. Тому, можливо, 100% яскравість - це яскравий колір, або, якщо світло вже біле, то 100% яскравість - чисто білий.

Варіації яскравості з постійним відтінком і насиченістю

Чорне кольорове колесо? Ні, але це на кольоровому циліндрі

Колесо плоске, тож воно в 2D. "Простір" кольорів HSB має три виміри (H, S і B ... сюрприз!), Тож це 3D-форма. У нашому випадку конус зробить просто чудово.

Циліндр HSB

Чорний колір - ЦІЛЬке кольорове колесо, де яскравість = 0. Отже, незалежно від того, який відтінок ви маєте, незалежно від насиченості, якщо яскравість = 0, ви дивитесь на ЧОРНИЙ.

(Як не дивно, білий працює по-різному. Білий - це лише одна точка, НЕ ціле кольорове колесо. Щоб отримати білий, потрібно мати яскравість = 100 І насиченість = 0. Це, як кажуть, є кольорова система, неймовірно схожа на HSB, але лише різниця полягає в тому, що це робить точні протилежності білого та чорного. Ця система називається HSL - відтінок, насиченість, легкість .)

Як мій тон шкіри змінюється при освітленні?

На це питання більш детально відповіли тут , але в основному, відтінок, насиченість АБО яскравість вашої шкіри може змінитися при освітленні.

  • HUE : Якщо ваш нормальний відтінок шкіри становить від 0 ° до 60 °, то при яскравому (білому) освітленні відтінок вашої шкіри зміститься в бік жовтого (відтінок = 60). При більш темному освітленні воно зміститься в бік червоного (відтінок = 0 °).
  • САТУРАЦІЯ : При яскравішому освітленні ваша шкіра матиме меншу насиченість. При слабкому освітленні воно матиме більш високу насиченість.
  • Яскравість : У яскравому освітленні, ваша шкіра буде мати більш високу яскравість. При слабкому освітленні ваша шкіра матиме меншу яскравість. Але ... ви це вже знали, чи не так? ;)

Сподіваюся, що це допомагає!

Ви можете знайти ще кілька деталей тут

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.