цветовое пространство изображения должно быть rgb что это

Что такое цветовое пространство? Разбор

Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Поэтому сегодня мы поговорим о том, что такое цветовое пространство и цветовой охват?

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Это значит, что на нашей сетчатке глаза есть три вида рецепторов (колбочек), чувствительных к свету разной длины волны: S, M, L (от англ. short,medium, long). Соответственно S-колбочки преимущественно воспринимают синий цвет, М — зеленый, L — красный.

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

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

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

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Но бывает еще субтрактивная цветовая модель, где разные цвета формируются путем вычитания. Субтрактивной модели нас учили в детстве, когда рассказывали, как смешивать краски. Эта же модель используется в полиграфии, и более известна вам как CMYK.

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Но сегодня мы будем говорить, в основном, про RGB-модели.

Цветовая модель CIE 1931

В 1931 году они утвердили цветовую модель CIE XYZ. Вот так она выглядит. Вы наверняка много раз видели эту цветную диаграмму похожую на треугольник. Но что тут вообще изображено?

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Смотрите, на этой диаграмме изображены все физически реализуемые цвета видимого спектра электромагнитного излучения, то есть от 380 до 700 нм.

Поэтому, задав координаты X и Y мы можем описать вообще любой цвет, а точнее оттенок, который может теоретически воспринять человеческий глаз. А если добавить еще и третью координату Z, то мы легко сможем описать еще и яркость.

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Такой метод описания цвета не лишен недостатков, но оказался настолько удобным, для описания и сравнения цветовых пространств. Этим мы сейчас и займемся.

Начнём с sRGB. Сейчас — это наиболее популярное цветовое пространство и стандарт для графики в интернете.

Стандарт — не новый. Он был разработан еще в 1996 году компаниями HP и Microsoft. А основан он был вообще на стандарте HDTV телевещания BT.709. Поэтому цветовые пространства sRGB и BT.709 идентичным по цветовому охвату.

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Скажем так, sRGB не самое широкое цветовое пространство. Оно охватывает только 36% видимых глазу цветов. Здесь не очень зелёный зелёный, он скорее салатовый. Немного коричневатый красный. Но особо большая проблема с голубым, посмотрите насколько он близок к белому цвету.

Зато тут отличный синий и нормальная точка белого. Которая называется D65 и имеет цветовую температуру 6500 К, что типично для рассеянного дневного света.

Но почему пространство такое узкое? Неужели нельзя было выбрать нормальную точку для красного и зеленого цвета?

В 96 году было нельзя. Более того такой выбор был более чем логичен. Ведь основные цвета sRGB — это цвета люминофоров у кинескопов того времени. Именно поэтому старые ЭЛТ-мониторы отлично справлялись с воспроизведением цвета в пространстве sRGB без каких либо дополнительных калибровок.

А вот для современных ЖК-мониторов такая задача совсем нетривиальная. Поэтому сейчас корректное отображение цветового пространства sRGB по-прежнему редкость и встречается только в дорогих мониторах. За редким исключением…

Что такое ΔE?

Но что значит фраза “корректное отображение цветового пространства”?

За это отвечает показатель показатель ΔE. А что это такое, разберем на примере доступного профессионального монитора.

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

В идеале, цвета которые отображает монитор, должны полностью совпадать с цветами, описанными в рабочем цветовом пространстве. Так как если замерить спектр свечения базового синего, зеленого, красного, а также белого цвета разместить их на диаграмме, новые точки должны полностью совпасть координатами обозначенными в цветовом пространстве.

Но в реальности, к сожалению, так никогда не бывает. Всегда есть какая-то погрешность, вот эта погрешность и является показателем ΔE или Дельта E.

Empfindung — Ощущение

Можно сказать, что ΔE — это среднее расстояние междут эталонными координатами цветового пространства и реальными цветами, которые отображает монитор.

В нашем случае производитель заявляет, что в этом мониторе ΔE

Источник

Как нужно обрабатывать изображения, чтобы не расстраивать математику?

цветовое пространство изображения должно быть rgb что это. af7e97b45703eeb959940443e5a64a76. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-af7e97b45703eeb959940443e5a64a76. картинка цветовое пространство изображения должно быть rgb что это. картинка af7e97b45703eeb959940443e5a64a76. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Мы часто расстраиваем математику, выполняя привычные операции с изображениями — например, когда мы масштабируем их или применяем к ним фильтры. Одним словом — тогда, когда мы производим арифметические операции (+,-,*,/) над значениями цветовых каналов. Обычно это не заметно, но иногда это может доставить неприятности.

Из статьи вы узнаете, почему при решении задач компьютерного зрения (и не только) важно использовать гамма-коррекцию или линейные цветовые пространства. В конце статьи будет показано, как это отражается на задаче 3D-реконструкции человеческих лиц.

Цветовые пространства

Большинство изображений, хранящихся на наших компьютерах и в интернете, представлены в цветовом пространстве sRGB (“standard RGB”). Устройства захвата изображений (сканеры, фотоаппараты, смартфоны), как правило, сохраняют фотографии в пространстве sRGB, а устройства вывода изображений (мониторы, принтеры) по умолчанию предполагают, что им на вход поступают sRGB значения. Художники, обрабатывающие фотографии, могут сохранять их и в других пространствах — в Adobe RGB, ProPhoto, DCI-P3.

Как понять, в каком цветовом пространстве представлено ваше изображение?

Изображение (в формате jpg, png, tiff, cr2, dng и т.д.) может содержать метаданные, в которых либо указано конкретное название цветового пространства, либо содержится информация о цветовом профиле, который неявно задает это цветовое пространство. Утилита exiftool позволяет прочитать эти метаданные.

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…Рис. 1. Пример чтения метаданных из AdobeRGB изображения с помощью exiftool

Если метаданные в файле отсутствуют, то принято считать, что это изображение представлено в цветовом пространстве sRGB.

Что происходит?

Почти все цветовые пространства (sRGB, Adobe RGB, ProPhoto, DCI-P3) нелинейны относительно интенсивности воспринимаемого человеком цвета. А с точки зрения математики арифметические операции (+,-,*,/) определены только в линейных пространствах.

То есть, например, умножая значение красного канала на 0.1, мы подразумеваем, что хотим уменьшить интенсивность красного в 10 раз. Но если красный канал был представлен в нелинейном пространстве, то его интенсивность уменьшится не в 10 раз, а в некое K раз, где K вообще не постоянно и зависит от текущего значения красного канала. Как правило, ошибку обнаружить сложно, потому что K все же близко к 10. Такие ошибки не просто визуально искажают результаты работы алгоритмов, а рушат саму логику алгоритмов.

Даже простейшая операция resize (изменение размера изображения) опирается на арифметические операции и работает некорректно в нелинейных цветовых пространствах. Различные фильтры и операции свертки выполняют большое количество арифметических операций, и поэтому работают еще более ошибочно в нелинейных цветовых пространствах. Ошибка часто не заметна, но она есть. Рекомендуем к прочтению две статьи (первая, вторая) — в них приведены примеры изображений, для которых эта ошибка визуально заметна.

Что делать?

Понять, в каком пространстве закодированы цветовые каналы вашего изображения (чаще всего это sRGB).

Сконвертировать цветовые каналы в линейное пространство. Например, sRGB можно перевести в линейное RGB пространство с помощью обратной гамма-коррекции (формулы для перевода; python библиотека). Если вам нужны пространства HSV/HSL (они тоже нелинейные), то вместо них нужно использовать линейные CIELAB/CIELUV.

Обработать изображение вашим алгоритмом.

Перевести изображение в исходное цветовое пространство (чаще всего это sRGB) перед выводом на экран или перед сохранением в файл.

Библиотеки для работы с изображениями и нейросетями (OpenCV, Scikit-image, Pillow, PyTorch, TensorFlow) оперируют с изображениями как с массивами абстрактных RGB чисел, без привязки к конкретному цветовому пространству. То есть эти библиотеки обычно не проводят автоматической линеаризации цветового пространства, и поэтому конвертировать изображение линейное RGB пространство вам нужно самостоятельно.

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

К моменту публикации этой статьи даже Google Chrome неверно выполняет resize изображения (см. вышеупомянутую статью).

Пример: photometric stereo

Мы в Twin3D решаем задачу 3D-реконструкции человеческих лиц с помощью multi-view photometric stereo. Такие алгоритмы очень чувствительны к линейности цветового пространства, поскольку связывают информацию о цвете с информацией о геометрии.

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

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…Рис. 2. Слева — фотография в sRGB, справа — фотография в линейном RGB

Мы провели следующий эксперимент: вычислили нормали лица на основе фотографий в sRGB пространстве и на основе фотографий в линейном RGB, а затем сравнили полученные нормали с baseline нормалями этого же лица. Для вычисления baseline нормалей мы использовали альтернативный подход — multi-view stereo 3D-реконструкцию.

цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…Рис. 3. Слева — нормали, вычисленные на основе sRGB цветов, справа — baseline нормали цветовое пространство изображения должно быть rgb что это. image loader. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-image loader. картинка цветовое пространство изображения должно быть rgb что это. картинка image loader. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…Рис. 4. Слева — нормали, вычисленные на основе линейных RGB цветов, справа — baseline нормали

На рисунке 3 видно, что при использовании sRGB цветов векторы нормалей получаются геометрически некорректными: лицо слева выглядит слишком “бледным” по сравнению с лицом справа и имеет дефект в виде темного пятна на кончике носа. Если же посмотреть на карту нормалей, вычисленную на основе линейных RGB цветов (рисунок 4), то она гораздо более похожа на baseline карту нормалей. Мы не сравниваем здесь “шероховатость” нормалей, поскольку она зависит от конкретного типа алгоритма. Таким образом, в sRGB пространстве логика алгоритма photometric stereo нарушилась, и это привело к неверному результату.

Заключение

Хорошая и математически корректная практика — это выполнять все арифметические операции с RGB значениями только в линейных цветовых пространствах. Это критически важно при решении некоторых задач компьютерного зрения.

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

Будем рады, если вы поделитесь своим опытом в комментариях!

В следующих статьях мы расскажем про другие важные и неочевидные нюансы обработки изображений и создания цифровых 3D-людей!

Источник

Adobe RGB vs sRGB – какое цветовое пространство выбрать и почему

Как часто вы заходили в настройки камеры для переключения между цветовыми пространствами Adobe RGB и sRGB? Вы даже знаете, что означают эти термины или что такое цветовое пространство? Еще несколько лет назад я не знал об этих технических терминах, но быстро осознал их важность.

Что такое цветовое пространство?

Цветовое пространство является частью цветовой гаммы, которая представляет собой вселенную цветовых тонов. Таким образом, вы можете предположить, что разные цветовые пространства являются планетами разных размеров. Из многих планет Adobe RGB и sRGB являются двумя наиболее часто используемыми цветовыми пространствами в фотографии.

В зависимости от ваших предпочтений вы можете выбрать желаемое цветовое пространство и получить наилучший результат.

цветовое пространство изображения должно быть rgb что это. adobergb vs srgb01. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-adobergb vs srgb01. картинка цветовое пространство изображения должно быть rgb что это. картинка adobergb vs srgb01. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Что такое цветовые пространства Adobe RGB и sRGB?

Мониторы и принтеры

Мониторы Adobe RGB используются большинством современных операторов принтеров потому, что они способны отобразить то, что может воспроизвести цветовой профиль CMYK (голубой, пурпурный, желтый и черный) принтера. Это помогает оператору принтера убедиться, что цвета, отображаемые на мониторе Adobe RGB, должны быть очень близки к печати, которая выводится из цветного принтера CMYK (используется для журналов и публикаций).

Поэтому, будучи фотографом, имеет смысл использовать монитор Adobe RGB, чтобы вы могли редактировать свои фотографии и видеть фактические цвета, которые будут отображаться в отпечатках.

Так, если вы уверены, что в ближайшем будущем вы не будете печатать свои фотографии, то нет смысла использовать монитор Adobe RGB. Если вы делаете фотографии только для себя или загружаете их в Интернет, тогда монитор sRGB идеально подходит для ваших целей.

цветовое пространство изображения должно быть rgb что это. adobergb vs srgb02. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-adobergb vs srgb02. картинка цветовое пространство изображения должно быть rgb что это. картинка adobergb vs srgb02. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Цветовое пространство камеры

Но для того, чтобы просмотреть фактические цвета цветового пространства Adobe RGB или sRGB на вашем мониторе, вам необходимо сначала сделать фотографию в этом конкретном цветовом пространстве.

Если вы не сделаете фотографию в требуемом цветовом пространстве, будь то Adobe RGB или sRGB, вы не сможете использовать эту фотографию в полном объеме. Съемка фотографий в более крупном цветовом пространстве Adobe RGB позволяет захватывать больше цветовых тонов, помогая вам видеть точные цвета на мониторах Adobe RGB и в печатных фотографиях. В то время, как съемка в цветовом пространстве sRGB позволяет загружать изображения в Интернет без каких-либо изменений цветов.

Во время съемки в одном из этих двух цветовых пространств у каждого есть свои преимущества, есть и несколько недостатков.

цветовое пространство изображения должно быть rgb что это. adobergb vs srgb03. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-adobergb vs srgb03. картинка цветовое пространство изображения должно быть rgb что это. картинка adobergb vs srgb03. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Настройка цветового пространства вашей камеры.

Преимущества и недостатки съемки в Adobe RGB

Преимущества:

Недостатки:

Примечание: Вы можете преобразовать изображение из цветового пространства Adobe RGB в цветовое пространство sRGB с помощью программного обеспечения, такого как Photoshop и Lightroom.

цветовое пространство изображения должно быть rgb что это. adobergb vs srgb04. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-adobergb vs srgb04. картинка цветовое пространство изображения должно быть rgb что это. картинка adobergb vs srgb04. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Слева: при экспорте фотографий в Lightroom вы можете выбрать цветовое пространство. Справа: в Photoshop вы можете перейти к настройкам цвета и выбрать необходимый параметр в качестве рабочего пространства.

Преимущества и недостатки съемки в sRGB

Преимущества:

Недостатки:

цветовое пространство изображения должно быть rgb что это. adobergb vs srgb06. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-adobergb vs srgb06. картинка цветовое пространство изображения должно быть rgb что это. картинка adobergb vs srgb06. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Заключение

Adobe RGB или sRGB, какое цветовое пространство выбрать во время съемки?

Если вы фотограф, который часто печатает фотографии, и хотите, чтобы цвета были точными, вы должны снимать в цветовом пространстве Adobe RGB. Съемка фотографий в цветовом пространстве sRGB может дать вам различные цвета, которые вы видите на мониторе и на печатных снимках. Также, если вы участвуете в конкурсах онлайн-фотосъемки, можно безопасно снимать и редактировать фотографии в цветовом пространстве Adobe RGB.

Но если вы снимаете фотографии для загрузки их в Интернет, то выбор цветового пространства sRGB является идеальным для вас. Если вы загружаете фотографии цветового пространства Adobe RGB в Интернет, вы заметите, что цвета становятся ненасыщенными.

цветовое пространство изображения должно быть rgb что это. adobergb vs srgb05. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-adobergb vs srgb05. картинка цветовое пространство изображения должно быть rgb что это. картинка adobergb vs srgb05. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Слева: таким образом, ваша фотография становится ненасыщенной, когда вы загружаете ее из цветового пространства Adobe RGB в Интернет. Справа: Когда вы загружаете фотографии цветового пространства sRGB, вы получаете правильные цвета, как показано здесь.

Тем не менее, чтобы быть в безопасности, вы можете снимать фотографии в цветовом пространстве Adobe RGB. При необходимости вы всегда можете использовать файл для печати, и если вы хотите загрузить его в Интернет, вы можете просто преобразовать цветовое пространство с помощью Adobe Photoshop или Lightroom.

Источник

Цветовые пространства: большой разбор

Всё, что нужно знать о CMYK, RGB, HSL, HSB, LAB и чистых градиентах.

цветовое пространство изображения должно быть rgb что это. 91d8b93a25a91c0ef4759c002c08c2b8. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-91d8b93a25a91c0ef4759c002c08c2b8. картинка цветовое пространство изображения должно быть rgb что это. картинка 91d8b93a25a91c0ef4759c002c08c2b8. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

цветовое пространство изображения должно быть rgb что это. d70f7577c0836854b58d50ec3bb2cda5. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-d70f7577c0836854b58d50ec3bb2cda5. картинка цветовое пространство изображения должно быть rgb что это. картинка d70f7577c0836854b58d50ec3bb2cda5. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

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

цветовое пространство изображения должно быть rgb что это. 17352530062021 5b96f02522b9cef7ee34220880b50756bc4bb004. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-17352530062021 5b96f02522b9cef7ee34220880b50756bc4bb004. картинка цветовое пространство изображения должно быть rgb что это. картинка 17352530062021 5b96f02522b9cef7ee34220880b50756bc4bb004. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Ведущий интерфейсный дизайнер в K&K TEAM, увлечён дизайном, технологиями и людьми. В свободное время ведёт Telegram-канал «Karoza Ҩ»

Воспроизводимые представления цвета

Цветовые модели RGB и CMYK соответствуют физическому представлению цвета на носителе. RGB отвечает за то, с какой интенсивностью светятся диоды красного, зелёного и синего цветов внутри пикселя монитора. CMYK задает пропорции смешиваемой краски на листе бумаги.

Цветовое пространство CMYK — субтрактивное: если сложить все цветовые компоненты, то итоговый цвет будет чёрным. По этому же принципу работают обычные краски, а потому пространство CMYK используется в полиграфии. Через процентные соотношения в нём записаны пропорции смешения четырёх красок: бирюзовой ( Cian), пурпурной ( Magenta), жёлтой ( Yellow) и чёрной ( Key color, blac K). Интенсивность каждого цвета задаётся в процентах от 0 до 100.

Дизайнеры, работающие с печатью, знают, что не все видимые на экране цвета возможно воспроизвести в CMYK. Связано это с тем, что модель RGB ― с ней работает монитор ― построена на излучении света, а CMYK ― на поглощении.

цветовое пространство изображения должно быть rgb что это. 13525430062021 39a1aca306cbeac5603a1faf5886ae200ffd8755. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13525430062021 39a1aca306cbeac5603a1faf5886ae200ffd8755. картинка цветовое пространство изображения должно быть rgb что это. картинка 13525430062021 39a1aca306cbeac5603a1faf5886ae200ffd8755. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Для более точного отображения цветов при печати требуется допечатная подготовка. Во время неё экранные цвета пространства RGB переводятся в CMYK, чтобы получаемые оттенки на экране и бумаге были максимально приближены друг к другу.

Pantone — американская компания, основанная в 50-е годы в Нью-Йорке и занимающаяся производством пигментов и продажей чернил. Компания разработала систему стандартизации цветов Pantone Matching System (PMS), в которой каждому цвету присваивается специальный код.

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

цветовое пространство изображения должно быть rgb что это. 13535930062021 d3b8f077959a9d5277c8e7308601b28e3937f792. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13535930062021 d3b8f077959a9d5277c8e7308601b28e3937f792. картинка цветовое пространство изображения должно быть rgb что это. картинка 13535930062021 d3b8f077959a9d5277c8e7308601b28e3937f792. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Выбор цветов Pantone шире, потому что его на бумагу наносят одной краской, тон которой получен смешением пигментов ещё на фабрике. Также цвета Pantone используют при печати больших тиражей в один-три цвета.

PMS — Pantone Matching System — система подбора цвета, но не цветовое пространство, так как у цветов есть код, но нет значений цветовых координат.

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

RGB ― это цветовое пространство, здесь каждый цвет задаётся в виде трёх координат. Смешение цвета происходит по аддитивному принципу ― если сложить все три основных цвета, то результат будет не чёрным, а белым. Поэтому RGB используется в системах, построенных на излучении света, что делает её самой распространённой ― с ней работают все экраны.

Цветовой оттенок в RGB создаётся смешиванием красного ( Red), зелёного ( Green) и синего ( Blue) каналов с разной интенсивностью излучения. Яркость каждого из трёх основных цветов закодирована числом от 0 до 255, то есть занимает 256 бит или 32 байта.

Например, RGB (90, 0, 157) соответствует фиолетовому, а RGB (255, 223, 0) — жёлтому.

цветовое пространство изображения должно быть rgb что это. 13524930062021 2b2cd940eccee1dc4924f70056feba159f808310. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13524930062021 2b2cd940eccee1dc4924f70056feba159f808310. картинка цветовое пространство изображения должно быть rgb что это. картинка 13524930062021 2b2cd940eccee1dc4924f70056feba159f808310. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Для удобства записи придуманы HEX-коды обозначения цветов, в которых интенсивность каждого из трёх цветов задаётся через двузначное число в шестнадцатеричной системе, что даёт те же 256 комбинаций или 32 байта, ведь
16 × 16 = 256.

В шестнадцатеричной системе цифры обозначаются от 0 до F, в результате
HEX-коды выглядят вот так: #5A009D — фиолетовый, #FFDF00 — жёлтый. Преимущество такой записи ― стандартизация и удобство копирования короткого цветового значения.

Иногда HEX-код в CSS или графических редакторах содержит только три знака, в таком случае каждый второй символ в записи с овпадает с первым. То есть #F45 интерпретируется как #FF4455, #000 — #00000.

цветовое пространство изображения должно быть rgb что это. 13560830062021 bef763277f1ebc5fd63b750eab0aac4aa0baa807. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13560830062021 bef763277f1ebc5fd63b750eab0aac4aa0baa807. картинка цветовое пространство изображения должно быть rgb что это. картинка 13560830062021 bef763277f1ebc5fd63b750eab0aac4aa0baa807. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Поскольку с цветовым пространством RGB работают все экраны, то применяется оно практически везде ― от разработки макетов для печати (цвета переводятся в CMYK в самом финале) до разработки сайтов и интерфейсов.

Свойства цвета

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

Важные понятия

Цветовой тон (Hue) — положение цвета в видимом спектре. Человеческий глаз различает цвета от красного до фиолетового, цветовой тон ― это место цвета в спектре. Красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый — всё это цветовые тона.

цветовое пространство изображения должно быть rgb что это. 13564430062021 9eb58857d69851775fea86bc565fb66e3d0b240f. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13564430062021 9eb58857d69851775fea86bc565fb66e3d0b240f. картинка цветовое пространство изображения должно быть rgb что это. картинка 13564430062021 9eb58857d69851775fea86bc565fb66e3d0b240f. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Насыщенность (Saturation) — интенсивность цвета, красочность, степень отличия цвета от равного по светлоте серого. Чем ближе цвет к серому, тем он менее насыщенный.

цветовое пространство изображения должно быть rgb что это. 13572430062021 cad44105e9afc9dafe04ea38bea855425b77b17a. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13572430062021 cad44105e9afc9dafe04ea38bea855425b77b17a. картинка цветовое пространство изображения должно быть rgb что это. картинка 13572430062021 cad44105e9afc9dafe04ea38bea855425b77b17a. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Яркость (Brightness) — приближённость цвета к чёрному. Чем ниже яркость, тем цвет темнее. Нередко яркость путают с насыщенностью, но это разные характеристики.

цветовое пространство изображения должно быть rgb что это. 13572430062021 73d90ccbfec60ef847f11e28964ced65e2d9b827. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13572430062021 73d90ccbfec60ef847f11e28964ced65e2d9b827. картинка цветовое пространство изображения должно быть rgb что это. картинка 13572430062021 73d90ccbfec60ef847f11e28964ced65e2d9b827. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Цилиндрические цветовые пространства

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

Допустим, мы используем синий цвет RGB (63, 42, 255), но для второго макета нам нужен более тёмный синий того же тона или же зелёный той же яркости и насыщенности. При изменении одной характеристики изменились сразу три параметра: синий теперь имеет значения RGB (18, 12, 77), а зелёный —
RGB (67, 255, 42).

цветовое пространство изображения должно быть rgb что это. 13580530062021 d66aaf55ba0be2f6428fbc607a4a43f565743be0. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13580530062021 d66aaf55ba0be2f6428fbc607a4a43f565743be0. картинка цветовое пространство изображения должно быть rgb что это. картинка 13580530062021 d66aaf55ba0be2f6428fbc607a4a43f565743be0. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

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

цветовое пространство изображения должно быть rgb что это. 13582630062021 e2da1f44d45efb0edba83fcb19bc3c9d105dc98e. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13582630062021 e2da1f44d45efb0edba83fcb19bc3c9d105dc98e. картинка цветовое пространство изображения должно быть rgb что это. картинка 13582630062021 e2da1f44d45efb0edba83fcb19bc3c9d105dc98e. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Координаты цвета существуют в кубической системе RGB, но в графических редакторах управление цветом реализовано с использованием другой модели ― цилиндрической версии RGB, которая называется HSB или HSV.

цветовое пространство изображения должно быть rgb что это. 13584630062021 c2eb65efc8dd19deb08b02ccb985ca88e16a1d39. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13584630062021 c2eb65efc8dd19deb08b02ccb985ca88e16a1d39. картинка цветовое пространство изображения должно быть rgb что это. картинка 13584630062021 c2eb65efc8dd19deb08b02ccb985ca88e16a1d39. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

В HSB цветовой тон ( Hue) задаётся в градусах на цветовом круге от 0° до 360°, а насыщенность ( Saturation) и яркость ( Brightness) в процентах от 0% до 100%.

Чтобы получить в HSB чёрный, надо уменьшить яркость до 0%, а тон и насыщенность не важны. Для получения белого нужно понизить насыщенность до 0% — то есть приблизить цвет к серому, а яркость повысить до 100%. Для получения чистых цветов яркость и насыщенность должны быть 100%.

цветовое пространство изображения должно быть rgb что это. 13591830062021 00e6d19edf0648571723a4fb359aba53549d667a. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-13591830062021 00e6d19edf0648571723a4fb359aba53549d667a. картинка цветовое пространство изображения должно быть rgb что это. картинка 13591830062021 00e6d19edf0648571723a4fb359aba53549d667a. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Иногда цветовое пространство HSB называют HSV ( H ue — цветовой тон, S aturation — насыщенность, V alue — значение). Не стоит путаться — это альтернативное название, а не другое цветовое пространство.

В CSS помимо HEX-кодов RGB применяют цилиндрическое цветовое пространство HSL, где вместо яркости ( Вrightness) используется светлота ( Lightness). HSB и HSL очень похожи, но не идентичны.

Главное отличие HSL в том, что при любых значениях тона и насыщенности светлота в 0% даст чёрный, а светлота в 100% — белый. В HSB 100% последнего параметра ― яркости — даёт наиболее яркий цвет, а белый возможен, только если насыщенность равна нулю.

цветовое пространство изображения должно быть rgb что это. 14000230062021 31bd3f146137c487a1976b90172223cb6d4da627. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-14000230062021 31bd3f146137c487a1976b90172223cb6d4da627. картинка цветовое пространство изображения должно быть rgb что это. картинка 14000230062021 31bd3f146137c487a1976b90172223cb6d4da627. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

То есть светлота в HSL отвечает за примесь чёрного или белого, освещённость. При конвертации цвета из системы HSL в HSB изменение параметра L будет влиять на два параметра сразу — S и B, неизменным сохранится только цветовой тон — H.

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

цветовое пространство изображения должно быть rgb что это. 14002730062021 043cfad3dba1a0c6ec6f8091042188cadecfed37. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-14002730062021 043cfad3dba1a0c6ec6f8091042188cadecfed37. картинка цветовое пространство изображения должно быть rgb что это. картинка 14002730062021 043cfad3dba1a0c6ec6f8091042188cadecfed37. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

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

Дано: пользователи двух статусов.

Задача: автоматически создавать аватары пользователям с учётом их статуса. У одних пользователей должны быть светлые буквы на тёмном фоне, а у других — тёмные буквы на светлом.

цветовое пространство изображения должно быть rgb что это. 14031730062021 bb4b4e1cf302c29810d99243c3b4d3482e2fef5a. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-14031730062021 bb4b4e1cf302c29810d99243c3b4d3482e2fef5a. картинка цветовое пространство изображения должно быть rgb что это. картинка 14031730062021 bb4b4e1cf302c29810d99243c3b4d3482e2fef5a. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Для изменения цветового тона необходимо изменить параметр Hue, а остальные параметры сохранить. Для светлого фона используем значения HSL: [0–360°], 100%, 78%, а для тёмного — HSL: [0–360°], 100%, 30%.

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

LAB и LCh

Одна из проблем пространств RGB и CMYK состоит в том, что это просто
набор значений, которыми должно оперировать устройство вывода ― принтер или экран. Реальное отображение цвета, заданного в RGB и CMYK, зависит от множества факторов. При печати ― от качества краски и печатного оборудования, плотности бумаги, влажности воздуха. На экранах — от качества монитора и его калибровки. Не говоря уже о том, что освещение также влияет на фактическое восприятие цвета глазом.

Создатели CIELAB, также известно как LAB, преследовали цель спроектировать такое цветовое пространство, которое не будет привязано к конкретному устройству и покроет весь видимый спектр. Также было важно, чтобы изменение значений координат было нелинейным и приводило к изменению цвета по логике, близкой к осознанию цвета человеком.

цветовое пространство изображения должно быть rgb что это. 14050630062021 178ae943fb180dbd85da113c997e71d410f43eb6. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-14050630062021 178ae943fb180dbd85da113c997e71d410f43eb6. картинка цветовое пространство изображения должно быть rgb что это. картинка 14050630062021 178ae943fb180dbd85da113c997e71d410f43eb6. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Значения цвета в LAB задаются через светлоту ( Lightness) и две координаты, отвечающие за хроматическую составляющую: тон и насыщенность.
A — положение цвета в диапазоне от зелёного до красного, B — от синего до жёлтого.

цветовое пространство изображения должно быть rgb что это. 14052630062021 35839c05e3346b089af6b8225cce54abe41864cb. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-14052630062021 35839c05e3346b089af6b8225cce54abe41864cb. картинка цветовое пространство изображения должно быть rgb что это. картинка 14052630062021 35839c05e3346b089af6b8225cce54abe41864cb. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Параметр L варьируется от 0 до 100, а параметры A и B в большинстве сервисов для работы с LAB имеют значения от −128 до 128, поскольку координаты A и B обозначают не просто интенсивность какого-то цвета, а спектр между двумя цветами.

Система достаточно сложная, но можно попытаться представить её как смешение четырёх цветов — зелёного, красного, синего и жёлтого. На самом насыщенном срезе цветового пространства со светлотой 100 по углам находятся: зелёный — LAB (100, −128, 128), красный — LAB (100, 128, 128), фиолетовый — LAB (100, 128, −128), бирюзовый — LAB (100, −128, −128), а в самом центре белый —
LAB (100, 0, 0). Как и в случае с RGB, настраивать цветовой тон удобнее в цилиндрической версии LAB — LCh.

Цилиндрическая версия LAB называется LCh, вместо прямоугольных в ней используются полярные координаты. Параметр C ( Chroma — хроматическая составляющая, насыщенность) отвечает за длину радиуса и удалённость от центра цветового круга, а h ( Hue) за угол поворота в градусах — то есть цветовой тон.

LAB используют как промежуточное цветовое пространство для конвертирования RGB в CMYK и наоборот, поскольку оно не привязано к конкретному носителю.

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

Также ранее LAB использовали для удаления шума на цифровых фотографиях. Для этого достаточно было размыть цветовые каналы A или B, а поскольку цифровой шум состоит из бледных разноцветных точек, такой подход делал их менее насыщенными.

Отдельное преимущество LAB — возможности для создания чистых градиентов между насыщенными цветами. Красивые градиенты важны не только в проектировании интерфейсов и дизайн-макетов, но и в информационном дизайне.

цветовое пространство изображения должно быть rgb что это. 14071330062021 1df76a4fc6c31c6a6711f160e73ca03dbe05d16e. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-14071330062021 1df76a4fc6c31c6a6711f160e73ca03dbe05d16e. картинка цветовое пространство изображения должно быть rgb что это. картинка 14071330062021 1df76a4fc6c31c6a6711f160e73ca03dbe05d16e. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Задача: создать чистый градиент между насыщенными цветами.

Проблема: из-за технических нюансов RGB между некоторыми насыщенными цветами при построении градиента возникает странный сероватый оттенок.

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

цветовое пространство изображения должно быть rgb что это. 14075530062021 07b0d1c02c35d8c43417ef8382f3cd2631417640. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-14075530062021 07b0d1c02c35d8c43417ef8382f3cd2631417640. картинка цветовое пространство изображения должно быть rgb что это. картинка 14075530062021 07b0d1c02c35d8c43417ef8382f3cd2631417640. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Решение: использовать LAB-градиент.

цветовое пространство изображения должно быть rgb что это. 14081730062021 5ac6b259ff8ae60132842d9aa039d1527fe11bf0. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-14081730062021 5ac6b259ff8ae60132842d9aa039d1527fe11bf0. картинка цветовое пространство изображения должно быть rgb что это. картинка 14081730062021 5ac6b259ff8ae60132842d9aa039d1527fe11bf0. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Открываем Lch and Lab colour and gradient picker, выбираем два цвета, между которыми надо сделать переход, и вводим желаемое количество ступеней.

цветовое пространство изображения должно быть rgb что это. 14082930062021 7767de152ab8deebbb48aff85482e11aef6becb6. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-14082930062021 7767de152ab8deebbb48aff85482e11aef6becb6. картинка цветовое пространство изображения должно быть rgb что это. картинка 14082930062021 7767de152ab8deebbb48aff85482e11aef6becb6. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Копируем цвета из колонки Lab и переносим в редактор, делая линейный градиент из выбранного количества шагов.

цветовое пространство изображения должно быть rgb что это. 14085430062021 bd8d6a1ac7c5d0019adddd979ce66cbf4b210b36. цветовое пространство изображения должно быть rgb что это фото. цветовое пространство изображения должно быть rgb что это-14085430062021 bd8d6a1ac7c5d0019adddd979ce66cbf4b210b36. картинка цветовое пространство изображения должно быть rgb что это. картинка 14085430062021 bd8d6a1ac7c5d0019adddd979ce66cbf4b210b36. Восприятие цвета — довольно субъективная штука. Кто-то любит более насыщенные и контрастные цвета, кто-то наоборот предпочитает более сдержанные оттенки. Тем не менее, даже в таком субъективном вопросе как восприятие цвета — есть строгая наука. Наверняка, вы слышали такие термины как sRGB, дельта E. Сегодня разберемся, что все это значит…

Если в качестве редактора вы используете Figma, то нужно установить плагин Chromatic Figma, который автоматически исправляет градиенты через LAB. Результат будет немного отличаться от инструмента Дэвида Джонстона.

Источник

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

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