Як обирати фон, якщо у вас порушення кольорового зору

Вирізка — легка частина. Ви завантажуєте фото, товар відділяється чисто, а тоді доводиться відповісти на єдине питання, яке не перевірити на око: який колір поставити позаду? Помилитеся — й іржаво-помаранчевий кухоль потоне в оливковому фоні, а рудувато-коричнева сумка зчитається як розмита пляма на бежевому.

Це достатньо поширено, щоб закладати його в процес. National Eye Institute (NEI) оцінює порушення кольорового зору приблизно в 1 з 12 чоловіків, причому червоно-зелена форма трапляється найчастіше. NEI описує дейтераномалію, найпоширеніший тип, як таку, що робить певні відтінки зеленого червонішими на вигляд, а протаномалію — як таку, що робить певні відтінки червоного зеленішими і менш яскравими. Тританомалія, рідкісніша, розмиває синій на тлі зеленого.

Розв’язок не в тому, щоб зосередитися сильніше. Він у тому, щоб перестати використовувати очі як вимірювальний прилад і спертися на дві речі, які не брешуть: числа, які можна прочитати, і світлоту.

Працюйте з hex-кодами, а не із сіткою зразків

Вибір кольору на око вимагає тонкого судження про колірний тон саме в тій області, де ваше судження ненадійне, ще й без жодного зворотного зв’язку опісля. Записаний hex-код — це шість символів, які можна перевірити арифметикою.

Hex-код — це три значення каналів, записані одне за одним: червоний, потім зелений, потім синій, кожне — пара символів від 00 (немає) до FF (повний). У #8A8A8A всі три однакові, тож це справжній нейтральний сірий. У #F5F0E8 синій канал стоїть нижче за червоний і зелений — саме це й означає «теплий». Звідси класична пастка: зразок із підписом «світло-сірий», який насправді є теплим сіро-бежевим, а сіро-бежевий тихо з’їдає бежевий, кремовий чи верблюжий товар.

Редактор у remover.bg приймає власний колір фону, а не лише пресети, тож тримайте звичайний текстовий файл зі схваленими значеннями й працюйте за цим списком замість того, щоб оцінювати зразок на око. Видалення й заміна працюють і у вебзастосунку, і в мобільному застосунку, тож ви не прив’язані до одного пристрою.

Пари, на яких люди спотикаються

Забороніть ці поєднання у своїй палітрі повністю, замість того щоб оцінювати їх щоразу окремо:

• Червоні, кольору іржі чи теракотові товари на оливковому, шавлієвому чи хакі фоні
• Коричнева, світло-коричнева, верблюжа чи коньячна шкіра на бежевому, крафтовому чи вівсяному
• Рожеві й лососеві речі на світлих теплих сірих, де протаномалія ще й знижує видиму яскравість
• Будь-що зелене, сфотографоване з листям або з рослинним реквізитом, що лишився у фоновому фото для заміни
• Бірюзовий на сірому й синій на зеленому, якщо ваше порушення лежить у синьо-жовтому напрямку, — і фіолетовий на синьому, якщо воно червоно-зелене, бо червона складова фіолетового і є тією частиною, що випадає

Ці пари провалюються за колірним тоном і стоять на схожій світлоті — саме це й робить їх небезпечними. Червоний товар на явно темнішому зеленому все одно відділяється нормально.

Світлота — канал, якому ще можна довіряти

Документ W3C Understanding до критерію успішності 1.4.3 стандарту WCAG 2.2 каже прямо: коефіцієнти контрасту обчислюються з відносної яскравості, а не з колірного тону, і «нездатність розрізняти певні відтінки кольору не впливає негативно на сприйняття світло-темного контрасту». Ця настанова написана для тексту, але фізіологія під нею та сама, що вирішує, чи зчитується край вашого товару на тлі фону.

Тож нехай рішення несе світлота: світлий товар на темному фоні, темний товар на світлому, середній тон — на будь-якій із крайностей, але ніколи на іншому середньому тоні. Перевірте самі: відкрийте готове зображення у фоторедакторі телефона, стягніть насиченість до нуля й подивіться. Якщо край досі очевидний без кольору, він буде очевидним і для покупця.

Допомагає й падаюча тінь: вона кладе під товар темну смугу, незалежну від колірного тону фону, — див. як додати реалістичні тіні до фото в remover.bg, щоб тримати напрямок однаковим у межах серії.

Зберіть палітру один раз — і припиніть вирішувати

Зафіксуйте ці п’ять — і більше ніколи не робіть цього судження:

1. #FFFFFF чисто білий — для лістингів на маркетплейсах, які цього вимагають
2. #F2F2F2 майже білий сірий — для білих і кремових товарів, які зникли б на чисто білому
3. #8A8A8A середній сірий — лише для дуже світлих або дуже темних товарів
4. #1C1C1C майже чорний — для блідої кераміки, скла й світлого пакування
5. Один фірмовий колір, hex якого записано в той самий день, коли його хтось обрав

Експортуйте з прозорістю все, що піде на кольорову сторінку чи друкований виріб; це взагалі знімає питання — як зробити прозорий PNG за секунди (гайд 2026) пояснює, коли це правильне рішення.

Запитайте одну людину один раз — і запишіть

Заплануйте п’ятнадцять хвилин з однією людиною, чиєму кольоровому зору ви довіряєте, за своїм столом, з товарами перед собою. Питайте дві речі про кожен виріб: чи відділяється край і чи справді той «нейтральний» є нейтральним. Записуйте відповіді як hex-коди, прив’язані до категорій — «шкіргалантерея: #1C1C1C», — а не як прикметники на кшталт «той м’який». Прикметники змушують робити судження щоразу наново; hex-коди — ні.

Тримайте список там, звідки ви вставляєте, а не там, куди зазираєте. Якщо згодом ви збудуєте фірмовий образ навколо власного кольору, чому власні фони — майбутнє предметної фотозйомки все одно чинне — просто до кольору ви приходите за записом, а не на око.

Вирішіть один раз і письмово

Порушення кольорового зору не заважає вам випускати однорідний каталог. Заважає імпровізація. П’ять записаних hex-значень, правило світлоти, яке можна перевірити у відтінках сірого, і одна зафіксована розмова переважують вибір фону за настроєм щовівторка.