Jak dobierać tło przy zaburzeniach widzenia barw
Wycinek jest łatwy; kolor za nim to jedyna rzecz, której nie sprawdzisz okiem. Czytaj kody hex zamiast próbek, oddzielaj jasnością, ustal pięć odcieni.
- colour blindness
- accessibility
- product photography
- background colour
- hex codes
- contrast
- ecommerce

Wycinek to ta łatwa część. Przesyłasz zdjęcie, produkt odchodzi od tła czysto, a potem musisz odpowiedzieć na jedno pytanie, którego nie sprawdzisz okiem: jaki kolor ma pójść za nim? Pomyłka sprawia, że rdzawopomarańczowy kubek tonie w oliwkowym tle, a karmelowa torebka wygląda jak niewyraźna plama na beżu.
To dość powszechne, żeby projektować z myślą o tym. National Eye Institute (NEI) szacuje zaburzenia widzenia barw na mniej więcej 1 na 12 mężczyzn, przy czym najczęstsza jest postać czerwono-zielona. NEI opisuje deuteranomalię, najczęstszy typ, jako sprawiającą, że pewne odcienie zieleni wyglądają bardziej czerwono, a protanomalię — jako sprawiającą, że pewne odcienie czerwieni wyglądają bardziej zielono i mniej jasno. Tritanomalia, rzadsza, zaciera granicę między niebieskim a zielonym.
Rozwiązaniem nie jest mocniejsze skupienie. Jest nim odstawienie własnych oczu jako przyrządu pomiarowego i oparcie się na dwóch rzeczach, które nie kłamią: na liczbach, które możesz odczytać, i na jasności.
Pracuj z kodami hex, nigdy z siatki próbek
Wybieranie koloru okiem wymaga subtelnej oceny barwy dokładnie w tym zakresie, w którym Twoja jest zawodna, i to bez żadnej informacji zwrotnej. Zapisany kod hex to sześć znaków, które sprawdzisz rachunkiem.

Kod hex to trzy wartości kanałów zapisane jedna za drugą — najpierw czerwony, potem zielony, potem niebieski — każda jako para znaków od 00 (brak) do FF (pełna). #8A8A8A ma wszystkie trzy równe, więc jest prawdziwą neutralną szarością. W #F5F0E8 kanał niebieski leży niżej niż czerwony i zielony — i właśnie to znaczy „ciepły”. Stąd klasyczna pułapka: próbka opisana jako „jasny szary”, która naprawdę jest ciepłą szarością w odcieniu kitu, a taka szarość po cichu zjada produkt beżowy, kremowy albo w kolorze camel.
Edytor w remover.bg przyjmuje własny kolor tła, nie tylko gotowe ustawienia, więc trzymaj zwykły plik tekstowy z zatwierdzonymi wartościami i pracuj z tej listy, zamiast oceniać próbkę. Usuwanie i podmiana tła działają zarówno w aplikacji webowej, jak i mobilnej, więc nie jesteś przywiązany do jednego urządzenia.
Pary, które najczęściej zwodzą
Wykreśl te zestawienia z palety raz na zawsze, zamiast oceniać je za każdym razem osobno:
- Produkty czerwone, rdzawe lub w kolorze terakoty na tłach oliwkowych, szałwiowych lub khaki
- Skóra brązowa, karmelowa, camel lub koniakowa na beżu, papierze kraft lub kolorze owsianym
- Rzeczy różowe i łososiowe na jasnych ciepłych szarościach, gdzie protanomalia dodatkowo obniża odczuwaną jasność
- Cokolwiek zielonego sfotografowanego z liśćmi albo z roślinnym rekwizytem, który został w zdjęciu zastępczego tła
- Morski przy szarym i niebieski przy zielonym, jeśli Twoje zaburzenie dotyczy osi niebiesko-żółtej — oraz fiolet przy niebieskim, jeśli leży w czerwono-zielonej, bo to czerwony składnik fioletu jest tą częścią, która znika
Te pary zawodzą na poziomie barwy i mają zbliżoną jasność — i to właśnie czyni je niebezpiecznymi. Czerwony produkt na wyraźnie ciemniejszej zieleni nadal oddziela się bez problemu.
Jasność to kanał, któremu wciąż możesz ufać
Dokument Understanding do kryterium sukcesu 1.4.3 w WCAG 2.2 mówi to wprost: współczynniki kontrastu liczy się z luminancji względnej, a nie z barwy, i „niezdolność do rozróżniania pewnych odcieni koloru nie wpływa negatywnie na postrzeganie kontrastu jasny–ciemny”. Te wytyczne napisano dla tekstu, ale fizjologia pod nimi jest dokładnie tą samą, która decyduje o tym, czy krawędź Twojego produktu odczyta się na tle.

Niech więc to jasność podejmuje decyzję: jasny produkt na ciemnym tle, ciemny produkt na jasnym, półton na jednej ze skrajności, ale nigdy na innym półtonie. Sprawdź to sam — otwórz gotowy obraz w edytorze zdjęć w telefonie, zejdź z nasyceniem do zera i popatrz. Jeśli krawędź nadal jest oczywista bez koloru, będzie oczywista także dla kupującego.
Pomaga też cień: kładzie pod produktem ciemny pas niezależny od barwy tła — zobacz, jak dodać realistyczne cienie do zdjęć, żeby utrzymać spójny kierunek w całej serii.
Zbuduj paletę raz i przestań decydować
Ustal te pięć wartości, a potem już nigdy nie podejmuj tej oceny:
#FFFFFFczysta biel, do ofert na marketplace'ach, które jej wymagają#F2F2F2szarość bliska bieli, do produktów białych i kremowych, które na czystej bieli by zniknęły#8A8A8Aśrednia szarość, wyłącznie do produktów bardzo jasnych albo bardzo ciemnych#1C1C1Cczerń bliska pełnej, do jasnej ceramiki, szkła i jasnych opakowań- Jeden kolor marki, z kodem hex zapisanym tego samego dnia, w którym ktoś go wybiera
Eksportuj z przezroczystością wszystko, co trafia na kolorową stronę albo na przedmiot drukowany; to omija pytanie w całości — poradnik o przezroczystym PNG omawia, kiedy jest to właściwy wybór.
Zapytaj raz jedną osobę, a potem to zapisz
Umów piętnaście minut z jedną osobą, której widzeniu barw ufasz, przy swoim biurku, z produktami na wyciągnięcie ręki. Pytaj o dwie rzeczy przy każdej sztuce: czy krawędź się oddziela i czy ta „neutralna” szarość jest naprawdę neutralna. Zapisuj odpowiedzi jako kody hex przypisane do kategorii — „galanteria skórzana: #1C1C1C” — nigdy jako przymiotniki w rodzaju „ten łagodniejszy”. Przymiotniki każą Ci podejmować tę ocenę od nowa za każdym razem; kody hex nie.

Trzymaj listę tam, skąd się wkleja, a nie tam, gdzie się zagląda. Jeśli później zbudujesz charakterystyczny wygląd wokół własnego koloru, dlaczego własne tła to przyszłość fotografii produktowej nadal obowiązuje — po prostu dochodzisz do koloru z zapisu, a nie okiem.
Zdecyduj raz, na piśmie
Zaburzenie widzenia barw nie przeszkadza Ci tworzyć spójnego katalogu. Przeszkadza improwizacja. Pięć zapisanych wartości hex, reguła jasności, którą zweryfikujesz w skali szarości, i jedna zapisana rozmowa biją wybieranie tła na nastrój w każdy wtorek.


