Почему цвета на компьютере отличаются от цветов на телефоне
Перейти к содержимому

Почему цвета на компьютере отличаются от цветов на телефоне

  • автор:

Почему разные устройства воспроизводят одно и то же изображение в разных цветах?

Существует распространенное заблуждение, что все электронные устройства (особенно одной модели и одного производителя) воспроизводят одинаковые цвета. Однако, это не всегда соответствует действительности. Вы когда-нибудь задумывались о том, что заставляет одну и ту же картинку выглядеть по-разному?

Существует распространенное заблуждение, что все электронные устройства (особенно одной модели и одного производителя) воспроизводят одинаковые цвета. Однако, это не всегда соответствует действительности. Для наглядности проведем простой эксперимент: поставим рядом два монитора с одним и тем же изображением на экране. С вероятностью как минимум 95% изображение на разных мониторах будет выглядеть по-разному, при этом вы, скорее всего, окажетесь в ситуации, подобной той, что показана на Рис. 1. Рассмотрим в качестве примера четыре одинаковых монитора (хотя в данном случае достаточно было бы и просто четырех мониторов совершенно любых моделей и любых производителей).

Разная цветопередача на устройствах одного вида
Рис. 1: Разная цветопередача на устройствах одного типа

Другой пример случая, когда можно столкнуться с подобным явлением — покупка нового телевизора. Большинство из нас просто идет в супермаркет электроники и на месте выбирает подходящую модель из числа тех, что представлены на полках магазина. Свой выбор мы делаем, исходя из индивидуальных предпочтений в части цвета или качества изображения (ну и естественно, цены). Совсем не сложно определить, при производстве каких дисплеев производители особенно постарались, чтобы обеспечить воспроизведение изображения наивысшего, по их мнению, качества. Этот же принцип действует и в отношении мониторов, проекторов, принтеров и другой техники. При этом, учитывая, что изображение исходит от одного источника (трансляция определенного, фирменного контента магазина или встроенных в телевизор видеоматериалов), что же заставляет картинку выглядеть по-разному? Вы когда-либо задавали себе этот вопрос?

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

Рисунок 2: (a) Смешивание цветов с помощью окрашенного света гаммы RGB. / (b) Смешивание цветов с помощью красителей гаммы CMY.

В первую очередь, рассмотрим теорию смешения цветов, как таковую. Существует два способа смешения цветов, или типа цветового синтеза. Первый предусматривает использование окрашенного света, второй — красителей. На Рисунке 2a показано, как для смешивания цветов используется красный, зеленый и синий свет. На Рисунке 2b показано смешивание красителей: сине-зеленого, пурпурного и желтого. Рисунок 2a также иллюстрирует, как при смешивании красного, зеленого и синего света получается белый. Смешение красного света с зеленым дает желтый, а при добавлении друг к другу красного и синего получается пурпурный.

Говоря о подобных цветовых схемах, сине-зеленый, пурпурный и желтый цвета (Рис. 2b) часто называют «основными», а красный, зеленый и синий (Рис. 2a) — «вторичными». Поскольку цвета создаются за счет отражения фильтрованного света от белой подложки (основы), такой способ смешивания цветов называется «субтрактивным синтезом». В противоположность субтрактивному, «аддитивный синтез» заключается в формировании белого цвета путем сложения света красного, зеленого и синего цветов.

При этом, разница между ними состоит в том, что при создании цветов методом аддитивного синтеза при помощи красителей или чернил, последние должны быть нанесены на подложку (бумагу или холст). На Рис. 2b белый цвет соответствует цвету бумаги или холста. Смешивание сине-зеленого и пурпурного красителей на подобных поверхностях дает в результате синий цвет. А смешав пурпурный с желтым, получите красный. Соединив вместе красители всех трех цветов: сине-зеленого, пурпурного и желтого — теоретически, вы получите черный.

Почему есть разница между цветом на мониторе (экране телефона) и печатью?

Прямой и отраженный цвет
Человеческий глаз по-разному воспринимает прямой и отраженный цвет. Это первая и основная причина цветового различия. Экраны мониторов, старых аналоговых телевизоров или суперсовременных жидкокристаллических, непосредственно излучают свет. Любая краска — наоборот, отражает. Она не является сама по себе источником света, верно ведь? Она просто отражает какую-то часть падающего на нее спектра, поглощая остальные. Для человеческого глаза прямой свет всегда ярче отраженного. От этого и различия.

Разное разрешение
Мы не способны разглядеть большое количество пикселей. Мониторы, имеют разрешение 72 – 96 пикселей (точек) на дюйм, телефоны — до 350 пикселей на дюйм. Большую плотность точек глаз не может разобрать. Напечатанное изображение имеет гораздо более высокое разрешение: минимум 150, а максимум, при фотопечати, и 1200 точек на дюйм. Получается, что точка или пиксель на экране гораздо крупнее точки на бумаге. Естественно, одна и та же картинка на мониторе и на бумаге будет восприниматься по-разному.

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

Цвет на экране в этом случае составляется из трех основных спектральных цветов: red (насыщенный красный), green (насыщенный зеленый), blue (насыщенный синий). Собственно, аббревиатура цветовой модели составлена из первых букв английского названия цветов.

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

При печати же используется совершенно другая технология, основанная на цифровой модели CMYK. Эта модель состоит из 4-х основных цветов: cyan (насыщенный голубой), magenta (насыщенный малиновый), yellow (умеренный желтый) и key color, или black (черный цвет). В процессе печати печатные машины дозированно ставят на материал точки из смешанных чернил. Чем плотнее печать, чем больше точек одного цвета на единицу площади оставляет машина, тем темнее и ближе к основному цвет. Меньше плотность — бледнее цвет.

Здесь тоже остальные цвета получаются за счет смешения основных. Но, в отличие от технологии RGB, здесь сумма всех цветов дает черный, а отсутствие всех цветов — цвет материала (в идеале белый, но мы с вами должны учитывать еще и цвет самого материала). Если нужно получить цвет, темнее основного (цвета чернил), его приходится смешивать с другими цветами.

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

Говоря простым языком — это алгоритм, который определяет, каким образом это устройство будет воспроизводить визуально-цифровую информацию о цвете, и как будет происходить смешение цветов. У каждого монитора, фотоаппарата, телевизора, смартфона имеются свои цветовые профили, определенные производителем. И они различаются. Возьмите, например, три разных монитора от разных производителей и откройте на них одно и то же изображение. Разница будет видна, что называется, невооруженным глазом.

Точно такое же профили имеет и печатное оборудование: бытовые принтеры и профессиональные печатные машины. Здесь профиль — своего рода инструкция, которая определяет алгоритм преобразования RGB-изображения в напечатанную CMYK-картинку. И они тоже все разные.

Как сделать цвета на компьютере и смартфоне одинаковыми?

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

Нашел в color settings галку — Desaturate monitor colors by 20%, поставил и увидел те же блеклые цвета, что и на смарте. Выходит мне нужно обесцвечивать моник изначально, только зачем?

  • Вопрос задан более трёх лет назад
  • 47216 просмотров

5 комментариев

Оценить 5 комментариев

Почему картинка выглядит по-разному на разных экранах — и что с этим делать

Один и тот же арт художницы <a href=Emilyena, но на разных дисплеях.» />Почему картинка выглядит по-разному на разных экранах — и что с этим делатьСравнение восьмибитной матрицы и восемь бит + FRC. Обычная восьмибитная матрица хуже справляется с водой и небом, нежели FRC. <a href=Источник» />

<p>Пример отображения фото до и после калибровки монитора. Источник</p><div class='code-block code-block-15' style='margin: 8px 0; clear: both;'>
<!-- 15vseokomp -->
<script src=

» />Интерфейс Atrise Lutcurve 4. <a href=Источник» />Интерфейс DisplayCALКалибрующее устройство. <a href=Источник» />Калибрующее устройство в работе. <a href=Источник» />Услуга по калибровке монитора в МосквеПочему картинка выглядит по-разному на разных экранах — и что с этим делатьВ этой табличке должны различаться все сегменты, но некоторые мониторы съедают очень темные и светлые оттенки — они становятся одинаковыми. <a href=Источник» />Проверяйте отображение цветов на красном цветеРабота Татьяны. <a href=Источник» /> Сохранение через оптимизацию изображений для веб-страниц

Избегайте перенасыщенных цветов

Вторая рекомендация Дмитрия — избегать использования излишне насыщенных оттенков, которые могут упроститься на более простых дисплеях.

Ориентируйтесь на желаемое устройство

Последний совет: ориентируйтесь на то устройство, где чаще всего смотрят ваши рисунки или фотографии.

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

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

Текст написал Никита Барышников, автор в Smirnov School. Мы готовим концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придёте к нам на курс, не забудьте спросить о скидке для читателей с DTF.

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

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