Paleta kolorów marki sklepu - jak dobrać kolory do logo, banerów i ofert
Aleksandra Marecka
Aleksandra Marecka
Head of Digital Marketing
Paleta kolorów marki sklepu - jak dobrać kolory do logo, banerów i ofert
Paleta kolorów marki sklepu to zwykle 3-5 barw: jeden kolor główny, jeden lub dwa uzupełniające, akcent do przycisków i promocji oraz neutralne odcienie tła i tekstu. Dobierasz ją, zaczynając od odbiorcy i konkurencji, potem sprawdzasz kontrast i to, jak kolory wyglądają obok zdjęć produktów, a na końcu zapisujesz kody HEX, RGB i CMYK. Dopiero wtedy logo, banery i grafiki ofertowe wyglądają spójnie w sklepie, w reklamach i na marketplace'ach.
W praktyce wiele sklepów nie ma palety, tylko „kolor z logo”, który każda osoba pobiera z pliku po swojemu. Po roku na stronie, w reklamach Meta Ads i na banerach są cztery odcienie tej samej zieleni, a promocje raz są czerwone, raz pomarańczowe. W tym tekście pokazujemy, jak dobrać paletę kolorów marki krok po kroku, jak rozdzielić role kolorów, jak sprawdzić czytelność i gdzie kolory marki w e-commerce mają ograniczenia, na przykład w miniaturach ofert na Allegro.
[#wazne] W skrócie: paleta kolorów marki sklepu to 3-5 kolorów z jasno przypisanymi rolami - główny, uzupełniający, akcent i neutralne - zapisanych jako kody HEX, RGB i CMYK. Tekst na grafikach powinien mieć kontrast co najmniej 4,5:1 według wytycznych WCAG. Na Allegro pierwsze zdjęcie oferty musi mieć białe tło, więc kolory marki pokazujesz w galerii, opisie i reklamach (stan na styczeń 2026 - sprawdź aktualne wytyczne). W Vinson projektujemy palety kolorów razem z logo, banerami i szablonami grafik ofertowych.
Czym jest paleta kolorów marki sklepu
Paleta kolorów marki to zamknięty zestaw barw, których marka używa we wszystkich materiałach, z przypisaną rolą i dokładnym zapisem każdego koloru. Nie chodzi o listę „ulubionych kolorów”, tylko o system: wiadomo, jakim kolorem jest przycisk „Dodaj do koszyka”, jakim cena promocyjna, a jakim tło banera. Paleta jest częścią identyfikacji wizualnej, obok logo, typografii i stylu zdjęć.
Kolory w e-commerce mają też inną pracę do wykonania niż w tradycyjnym brandingu. Na stronie sklepu i w reklamach muszą prowadzić wzrok do produktu i przycisku, a nie z nimi konkurować. Dlatego w palecie sklepu zawsze jest dużo neutralnych odcieni i jeden mocny akcent, a kolor główny pojawia się w kontrolowanych ilościach.
Role kolorów w palecie sklepu internetowego
Najprościej myśleć o palecie jak o zestawie ról. Każda barwa ma swoje zadanie i nie wchodzi w kompetencje innych. Poniżej role, które przypisujemy kolorom w projektach dla sklepów:
[#chart:pgr46a]
Kolory statusów, czyli zielony dla potwierdzeń i czerwony dla błędów, nie muszą wynikać z marki, ale powinny do niej pasować. Jeśli kolor główny jest czerwony, komunikat o błędzie w formularzu łatwo pomylić z elementem dekoracyjnym, więc trzeba go dodatkowo wyróżnić ikoną lub tekstem.
Jak dobrać paletę kolorów marki krok po kroku
Dobór palety zaczyna się od pytań o markę, a nie od koła barw. Kolor ma pasować do produktu, klienta i cen, a do tego odróżniać sklep od konkurencji. Proces, który stosujemy, wygląda tak:
Odbiorca i pozycja cenowa. Inne kolory pasują do sklepu z tanią elektroniką, inne do marki naturalnych kosmetyków premium. Zapisz trzy przymiotniki, które mają opisywać markę.
Przegląd konkurencji. Zbierz zrzuty ekranu sklepów i reklam 5-10 konkurentów. Jeśli wszyscy używają granatu, granat nie pomoże Ci się wyróżnić.
Kolor główny. Wybierz jedną barwę, która niesie charakter marki i dobrze wygląda w logo, na banerze i na opakowaniu.
Akcent i neutralne. Dobierz kolor akcentu do przycisków i promocji oraz 2-3 neutralne odcienie do tła i tekstu.
Testy na materiałach. Sprawdź paletę na makiecie strony, banerze, poście i zdjęciu produktu - na telefonie, nie tylko na monitorze.
Zapis i zasady. Zapisz kody kolorów, proporcje użycia i przykłady poprawnych zestawień w księdze znaku.
Kolor główny a branża i produkt
Kolor główny nie musi być „branżowy”, ale nie powinien przeczyć produktowi. Jeśli sprzedajesz produkty w wielu wariantach kolorystycznych, na przykład odzież czy akcesoria, mocno nasycona barwa marki może zakłócać odbiór kolorów towaru. W takich sklepach lepiej sprawdzają się palety stonowane, a kolor marki pojawia się w detalach. Jak pokazać warianty produktu bez chaosu, opisujemy w tekście o tym, jak przygotować zdjęcia wariantów produktu w jednej ofercie.
Uważaj też na skojarzenia, które kolor ma w Twojej kategorii. Zieleń w sklepie z suplementami sugeruje naturalność, ale w sklepie z elektroniką może wyglądać przypadkowo. Nie ma tu sztywnych reguł - jest test: pokaż projekt kilku osobom z grupy docelowej i zapytaj, z czym kojarzy im się sklep.
Paleta kolorów a zdjęcia produktów
W sklepie internetowym najwięcej miejsca zajmują zdjęcia produktów, a nie elementy marki. Dlatego paletę zawsze testujemy na prawdziwych zdjęciach z katalogu. Połóż kilka packshotów i zdjęć lifestyle na tle w kolorze głównym i w kolorach neutralnych, dodaj przycisk w kolorze akcentu i zobacz, co pierwsze przyciąga wzrok. Jeśli jest to tło, a nie produkt, kolor jest zbyt intensywny albo pojawia się na zbyt dużej powierzchni. Zwróć też uwagę na temperaturę barw: ciepłe, kremowe tła dobrze współgrają ze zdjęciami w ciepłym świetle, a chłodne szarości pasują do zdjęć technicznych i elektroniki. Spójność palety i stylu zdjęć daje efekt, którego nie osiągnie samo logo.
Paleta kolorów marki sklepu to zwykle 3-5 barw: jeden kolor główny, jeden lub dwa uzupełniające, akcent do przycisków i promocji oraz neutralne odcienie tła i tekstu. Dobierasz ją, zaczynając od odbiorcy i konkurencji, potem sprawdzasz kontrast i to, jak kolory wyglądają obok zdjęć produktów, a na końcu zapisujesz kody HEX, RGB i CMYK. Dopiero wtedy logo, banery i grafiki ofertowe wyglądają spójnie w sklepie, w reklamach i na marketplace'ach.
W praktyce wiele sklepów nie ma palety, tylko „kolor z logo”, który każda osoba pobiera z pliku po swojemu. Po roku na stronie, w reklamach Meta Ads i na banerach są cztery odcienie tej samej zieleni, a promocje raz są czerwone, raz pomarańczowe. W tym tekście pokazujemy, jak dobrać paletę kolorów marki krok po kroku, jak rozdzielić role kolorów, jak sprawdzić czytelność i gdzie kolory marki w e-commerce mają ograniczenia, na przykład w miniaturach ofert na Allegro.
[#wazne] W skrócie: paleta kolorów marki sklepu to 3-5 kolorów z jasno przypisanymi rolami - główny, uzupełniający, akcent i neutralne - zapisanych jako kody HEX, RGB i CMYK. Tekst na grafikach powinien mieć kontrast co najmniej 4,5:1 według wytycznych WCAG. Na Allegro pierwsze zdjęcie oferty musi mieć białe tło, więc kolory marki pokazujesz w galerii, opisie i reklamach (stan na styczeń 2026 - sprawdź aktualne wytyczne). W Vinson projektujemy palety kolorów razem z logo, banerami i szablonami grafik ofertowych.
Czym jest paleta kolorów marki sklepu
Paleta kolorów marki to zamknięty zestaw barw, których marka używa we wszystkich materiałach, z przypisaną rolą i dokładnym zapisem każdego koloru. Nie chodzi o listę „ulubionych kolorów”, tylko o system: wiadomo, jakim kolorem jest przycisk „Dodaj do koszyka”, jakim cena promocyjna, a jakim tło banera. Paleta jest częścią identyfikacji wizualnej, obok logo, typografii i stylu zdjęć.
Kolory w e-commerce mają też inną pracę do wykonania niż w tradycyjnym brandingu. Na stronie sklepu i w reklamach muszą prowadzić wzrok do produktu i przycisku, a nie z nimi konkurować. Dlatego w palecie sklepu zawsze jest dużo neutralnych odcieni i jeden mocny akcent, a kolor główny pojawia się w kontrolowanych ilościach.
Role kolorów w palecie sklepu internetowego
Najprościej myśleć o palecie jak o zestawie ról. Każda barwa ma swoje zadanie i nie wchodzi w kompetencje innych. Poniżej role, które przypisujemy kolorom w projektach dla sklepów:
[#chart:pgr46a]
Kolory statusów, czyli zielony dla potwierdzeń i czerwony dla błędów, nie muszą wynikać z marki, ale powinny do niej pasować. Jeśli kolor główny jest czerwony, komunikat o błędzie w formularzu łatwo pomylić z elementem dekoracyjnym, więc trzeba go dodatkowo wyróżnić ikoną lub tekstem.
Jak dobrać paletę kolorów marki krok po kroku
Dobór palety zaczyna się od pytań o markę, a nie od koła barw. Kolor ma pasować do produktu, klienta i cen, a do tego odróżniać sklep od konkurencji. Proces, który stosujemy, wygląda tak:
Odbiorca i pozycja cenowa. Inne kolory pasują do sklepu z tanią elektroniką, inne do marki naturalnych kosmetyków premium. Zapisz trzy przymiotniki, które mają opisywać markę.
Przegląd konkurencji. Zbierz zrzuty ekranu sklepów i reklam 5-10 konkurentów. Jeśli wszyscy używają granatu, granat nie pomoże Ci się wyróżnić.
Kolor główny. Wybierz jedną barwę, która niesie charakter marki i dobrze wygląda w logo, na banerze i na opakowaniu.
Akcent i neutralne. Dobierz kolor akcentu do przycisków i promocji oraz 2-3 neutralne odcienie do tła i tekstu.
Testy na materiałach. Sprawdź paletę na makiecie strony, banerze, poście i zdjęciu produktu - na telefonie, nie tylko na monitorze.
Zapis i zasady. Zapisz kody kolorów, proporcje użycia i przykłady poprawnych zestawień w księdze znaku.
Kolor główny a branża i produkt
Kolor główny nie musi być „branżowy”, ale nie powinien przeczyć produktowi. Jeśli sprzedajesz produkty w wielu wariantach kolorystycznych, na przykład odzież czy akcesoria, mocno nasycona barwa marki może zakłócać odbiór kolorów towaru. W takich sklepach lepiej sprawdzają się palety stonowane, a kolor marki pojawia się w detalach. Jak pokazać warianty produktu bez chaosu, opisujemy w tekście o tym, jak przygotować zdjęcia wariantów produktu w jednej ofercie.
Uważaj też na skojarzenia, które kolor ma w Twojej kategorii. Zieleń w sklepie z suplementami sugeruje naturalność, ale w sklepie z elektroniką może wyglądać przypadkowo. Nie ma tu sztywnych reguł - jest test: pokaż projekt kilku osobom z grupy docelowej i zapytaj, z czym kojarzy im się sklep.
Paleta kolorów a zdjęcia produktów
W sklepie internetowym najwięcej miejsca zajmują zdjęcia produktów, a nie elementy marki. Dlatego paletę zawsze testujemy na prawdziwych zdjęciach z katalogu. Połóż kilka packshotów i zdjęć lifestyle na tle w kolorze głównym i w kolorach neutralnych, dodaj przycisk w kolorze akcentu i zobacz, co pierwsze przyciąga wzrok. Jeśli jest to tło, a nie produkt, kolor jest zbyt intensywny albo pojawia się na zbyt dużej powierzchni. Zwróć też uwagę na temperaturę barw: ciepłe, kremowe tła dobrze współgrają ze zdjęciami w ciepłym świetle, a chłodne szarości pasują do zdjęć technicznych i elektroniki. Spójność palety i stylu zdjęć daje efekt, którego nie osiągnie samo logo.
- Grafiki ofertowe, banery i miniatury
- Projekty pod marketplace’y i sklep
- Szybka wycena bez zobowiązań
Wycenę przygotuje Aleksandra Marecka, Head of Digital MarketingIle kolorów powinna mieć paleta i w jakich proporcjach ich używać
Dla większości sklepów wystarczą 3-5 kolorów marki plus odcienie neutralne. Więcej barw zwiększa ryzyko, że banery i grafiki ofertowe przestaną wyglądać jak z jednej rodziny. Pomaga prosta zasada proporcji, często nazywana regułą 60-30-10: większość powierzchni zajmuje kolor bazowy lub neutralny, około jednej trzeciej kolor uzupełniający, a akcent pojawia się na niewielkiej części, gdzie ma przyciągnąć uwagę. To punkt wyjścia, a nie norma - w sklepie internetowym neutralnego tła jest zwykle jeszcze więcej.
[#chart:pgr46b]
Najważniejsza zasada dotyczy akcentu: im rzadziej się pojawia, tym mocniej działa. Jeśli kolorem akcentu jest cały baner, przycisk na nim przestaje się wyróżniać. Dlatego w palecie warto zapisać nie tylko kolory, ale też to, gdzie danego koloru nie używamy. Przykład: akcent tylko na przyciskach, cenach promocyjnych i jednym wyróżnieniu na banerze, nigdy jako tło całej sekcji ani kolor długiego tekstu. Taka krótka reguła oszczędza wielu dyskusji przy każdej nowej kampanii i pozwala grafikom pracować szybciej.
Jak zapisać kolory marki - HEX, RGB, CMYK i Pantone
Ten sam kolor potrzebuje kilku zapisów, bo inaczej opisuje się barwy na ekranie, a inaczej w druku. Brak któregoś z nich to najczęstszy powód, dla którego karton wysyłkowy ma inny odcień niż sklep internetowy.
| Zapis | Gdzie się go używa | Na co uważać |
|---|---|---|
| HEX | Strona sklepu, szablony, narzędzia online | Jeden kod dla wszystkich osób tworzących grafiki |
| RGB | Grafiki ekranowe, reklamy, social media | Eksportuj w profilu sRGB, żeby kolory na telefonach były spójne |
| CMYK | Ulotki, naklejki, opakowania | Nie każdy kolor ekranowy da się wiernie wydrukować - sprawdź wydruk próbny |
| Pantone | Opakowania, taśma, nadruki w jednym kolorze | Wymaga wzornika i uzgodnienia z drukarnią |
Szczególnie trudne w druku są barwy bardzo nasycone i jaskrawe: intensywne turkusy, neonowe zielenie czy żywe róże. Na ekranie wyglądają efektownie, a po zamianie na CMYK potrafią zszarzeć. Jeśli planujesz opakowania lub materiały drukowane, sprawdź kolor główny w obu wersjach jeszcze przed zatwierdzeniem palety.
Kontrast i czytelność kolorów w e-commerce
Paleta, która dobrze wygląda na planszy, może zawieść na banerze, gdy biały tekst trafi na jasnożółte tło. Pomocne są wytyczne WCAG, czyli międzynarodowy standard dostępności treści internetowych. Na poziomie AA zwykły tekst powinien mieć kontrast z tłem co najmniej 4,5:1, a duży tekst co najmniej 3:1. Za duży tekst WCAG uznaje co najmniej 18 punktów albo 14 punktów pogrubionych (stan na styczeń 2026 - sprawdź aktualne wytyczne W3C).
W praktyce oznacza to, że do palety warto od razu dopisać, jakie pary kolorów są dozwolone do tekstu. Kontrast sprawdzisz w darmowych kalkulatorach kontrastu, wpisując dwa kody HEX. Dobra paleta ma co najmniej jedną jasną i jedną ciemną barwę, na których można bezpiecznie pisać, oraz przycisk, którego tekst jest czytelny także w słońcu na ekranie telefonu.
Tekst na banerze - ciemny na jasnym lub jasny na ciemnym, bez średnich tonów po obu stronach.
Cena i rabat - kolor akcentu tylko wtedy, gdy ma wystarczający kontrast z tłem grafiki.
Przyciski - jeden kolor dla głównej akcji w całym sklepie, inny dla akcji pobocznych.
Nie tylko kolor - informacji, np. o błędzie czy dostępności, nie przekazuj wyłącznie barwą; dodaj tekst lub ikonę.
Kolory marki w ofertach marketplace i w reklamach
Kolory marki nie wszędzie mogą się pojawić w pełnej formie. Na Allegro pierwsze zdjęcie oferty, czyli miniatura, musi mieć białe tło (RGB 255, 255, 255), bez ramek, napisów i logotypów sklepu. W niektórych kategoriach dopuszczone jest jednolite jasnoszare tło. Zdjęcia w galerii i w opisie mogą mieć dowolne tło, ale nadal nie powinny zawierać logo sklepu (stan na styczeń 2026 - sprawdź aktualne zasady w pomocy Allegro).
Oznacza to, że na marketplace kolory marki przenosisz do drugiego i kolejnych zdjęć galerii, infografik i grafik w opisie: tło, kolor ikon, wyróżnienia parametrów. W reklamach Meta Ads, Google Ads i na banerach w sklepie paleta działa w pełni. Warto jednak pamiętać o szczegółach technicznych. Google Ads w kampaniach Performance Max ostrzega, że logo z przezroczystym tłem może wyświetlić się na białym tle, i odradza logo w większości białe na przezroczystym tle (stan na styczeń 2026 - sprawdź aktualne wytyczne). Wersja logo na tle w kolorze marki rozwiązuje problem.
[#przyklad] Sklep z akcesoriami dla zwierząt ma kolor główny w odcieniu butelkowej zieleni, akcent w ciepłym żółtym i dwa neutralne - złamaną biel i grafit. Miniatury na Allegro pozostają na białym tle. W galerii zielony pojawia się w tle infografik z parametrami, żółty wyróżnia jedną najważniejszą korzyść, a tekst jest grafitowy. Banery w sklepie i reklamy w Meta Ads mają zielone tło, żółty przycisk i białe hasło. Klient widzi tę samą markę na marketplace, w reklamie i w sklepie, choć miniatura jest neutralna.
Kolory zmieniają się też w sezonie. Kreacje świąteczne czy wiosenne mogą korzystać z dodatkowych barw, ale dobrze, gdy zostawiają w kadrze kolor główny lub akcent marki. Jak zaplanować takie kreacje, pokazujemy w tekście o kreacjach na Dzień Matki, Walentynki i Dzień Dziecka.
Najczęstsze błędy przy doborze palety kolorów marki
Większość problemów z kolorami wychodzi dopiero wtedy, gdy grafiki powstają szybko i robi je kilka osób. Zanim zatwierdzisz paletę, sprawdź, czy nie popełniasz tych błędów i jak je naprawić:
[#chart:pgr46c]
[#checklista] Paleta kolorów marki sklepu przed wdrożeniem: 1) Kolor główny, 1-2 uzupełniające, akcent i 2-3 neutralne. 2) Każdy kolor zapisany w HEX, RGB i CMYK, a do druku jednobarwnego także Pantone. 3) Lista par kolorów dozwolonych do tekstu z kontrastem co najmniej 4,5:1. 4) Proporcje użycia i miejsca, gdzie akcentu nie stosujemy. 5) Test na banerze, poście, galerii oferty i zdjęciu produktu na telefonie. 6) Wydruk próbny koloru głównego. 7) Paleta wgrana do szablonów i narzędzi, z których korzysta zespół.
Jak Vinson pomaga dobrać paletę kolorów marki sklepu
Projektujemy grafiki dla e-commerce: miniatury i galerie ofert, banery, identyfikację sklepu i materiały reklamowe. Paletę kolorów dobieramy od razu pod miejsca, w których sklep się pokazuje - stronę, galerie ofert na marketplace'ach, reklamy Meta Ads i Google Ads oraz opakowania. Przekazujemy kody kolorów w wersjach ekranowych i drukowych, pary do tekstu sprawdzone pod kątem kontrastu i gotowe szablony grafik. Szczegóły znajdziesz na stronie projektowanie graficzne dla e-commerce.
Vinson to agencja e-commerce z Bochni, działająca od 2021 roku. Jesteśmy Allegro Ads Partner+, Google Partner, Meta Business Partner, certyfikowanym partnerem Base, partnerem Empik Place i autoryzowanym partnerem Shoper. Klienci oceniają nas na 4,9/5 ze 171 opinii, a współpracowaliśmy z ponad 500 firmami.
Najczęściej zadawane pytania
Ile kolorów powinna mieć paleta marki sklepu internetowego?
Najczęściej 3-5 kolorów marki: jeden główny, jeden lub dwa uzupełniające i akcent, do tego 2-3 neutralne odcienie tła i tekstu. Mniejsza paleta łatwiej utrzymuje spójność, gdy grafiki tworzy kilka osób. Dodatkowe barwy sezonowe warto traktować jako czasowe uzupełnienie, a nie część stałej palety.
Jak sprawdzić, czy kolory na grafice są czytelne?
Użyj kalkulatora kontrastu i porównaj kod koloru tekstu z kodem tła. Według wytycznych WCAG zwykły tekst powinien mieć kontrast co najmniej 4,5:1, a duży tekst co najmniej 3:1. Dodatkowo obejrzyj grafikę na telefonie w jasnym świetle, bo tam problemy z czytelnością widać najszybciej.
Czy na Allegro mogę używać kolorów marki na zdjęciach?
Na pierwszym zdjęciu oferty nie - miniatura musi mieć białe tło, bez ramek, napisów i logo sklepu, a w niektórych kategoriach dopuszczalne jest jasnoszare tło. Zdjęcia w galerii i w opisie mogą mieć dowolne tło, więc tam pokażesz kolory marki, na przykład w infografikach. Aktualne zasady sprawdź w pomocy Allegro.
Dlaczego kolor marki inaczej wygląda w druku niż w sklepie?
Ekran wyświetla kolory w modelu RGB, a drukarnia drukuje w CMYK lub kolorami specjalnymi, na przykład Pantone. Część barw ekranowych, szczególnie bardzo nasyconych, nie ma dokładnego odpowiednika w druku. Dlatego paleta powinna mieć osobne kody do druku i warto zrobić wydruk próbny przed dużym nakładem.
Czy kolor przycisku w sklepie musi być kolorem marki?
Nie musi. Często lepiej, gdy przycisk ma kolor akcentu, który pojawia się rzadko i od razu przyciąga wzrok. Ważne, żeby główny przycisk miał ten sam kolor w całym sklepie i dobry kontrast tekstu z tłem.
Paleta kolorów marki sklepu to kilka dobrze zapisanych barw z jasnymi rolami, a nie jeden kolor z logo. Jeśli chcesz dobrać paletę, która zadziała w ofertach, reklamach i na opakowaniach, zajrzyj na stronę projektowania graficznego dla e-commerce.
Ile kolorów powinna mieć paleta i w jakich proporcjach ich używać
Dla większości sklepów wystarczą 3-5 kolorów marki plus odcienie neutralne. Więcej barw zwiększa ryzyko, że banery i grafiki ofertowe przestaną wyglądać jak z jednej rodziny. Pomaga prosta zasada proporcji, często nazywana regułą 60-30-10: większość powierzchni zajmuje kolor bazowy lub neutralny, około jednej trzeciej kolor uzupełniający, a akcent pojawia się na niewielkiej części, gdzie ma przyciągnąć uwagę. To punkt wyjścia, a nie norma - w sklepie internetowym neutralnego tła jest zwykle jeszcze więcej.
[#chart:pgr46b]
Najważniejsza zasada dotyczy akcentu: im rzadziej się pojawia, tym mocniej działa. Jeśli kolorem akcentu jest cały baner, przycisk na nim przestaje się wyróżniać. Dlatego w palecie warto zapisać nie tylko kolory, ale też to, gdzie danego koloru nie używamy. Przykład: akcent tylko na przyciskach, cenach promocyjnych i jednym wyróżnieniu na banerze, nigdy jako tło całej sekcji ani kolor długiego tekstu. Taka krótka reguła oszczędza wielu dyskusji przy każdej nowej kampanii i pozwala grafikom pracować szybciej.
Jak zapisać kolory marki - HEX, RGB, CMYK i Pantone
Ten sam kolor potrzebuje kilku zapisów, bo inaczej opisuje się barwy na ekranie, a inaczej w druku. Brak któregoś z nich to najczęstszy powód, dla którego karton wysyłkowy ma inny odcień niż sklep internetowy.
| Zapis | Gdzie się go używa | Na co uważać |
|---|---|---|
| HEX | Strona sklepu, szablony, narzędzia online | Jeden kod dla wszystkich osób tworzących grafiki |
| RGB | Grafiki ekranowe, reklamy, social media | Eksportuj w profilu sRGB, żeby kolory na telefonach były spójne |
| CMYK | Ulotki, naklejki, opakowania | Nie każdy kolor ekranowy da się wiernie wydrukować - sprawdź wydruk próbny |
| Pantone | Opakowania, taśma, nadruki w jednym kolorze | Wymaga wzornika i uzgodnienia z drukarnią |
Szczególnie trudne w druku są barwy bardzo nasycone i jaskrawe: intensywne turkusy, neonowe zielenie czy żywe róże. Na ekranie wyglądają efektownie, a po zamianie na CMYK potrafią zszarzeć. Jeśli planujesz opakowania lub materiały drukowane, sprawdź kolor główny w obu wersjach jeszcze przed zatwierdzeniem palety.
Kontrast i czytelność kolorów w e-commerce
Paleta, która dobrze wygląda na planszy, może zawieść na banerze, gdy biały tekst trafi na jasnożółte tło. Pomocne są wytyczne WCAG, czyli międzynarodowy standard dostępności treści internetowych. Na poziomie AA zwykły tekst powinien mieć kontrast z tłem co najmniej 4,5:1, a duży tekst co najmniej 3:1. Za duży tekst WCAG uznaje co najmniej 18 punktów albo 14 punktów pogrubionych (stan na styczeń 2026 - sprawdź aktualne wytyczne W3C).
W praktyce oznacza to, że do palety warto od razu dopisać, jakie pary kolorów są dozwolone do tekstu. Kontrast sprawdzisz w darmowych kalkulatorach kontrastu, wpisując dwa kody HEX. Dobra paleta ma co najmniej jedną jasną i jedną ciemną barwę, na których można bezpiecznie pisać, oraz przycisk, którego tekst jest czytelny także w słońcu na ekranie telefonu.
Tekst na banerze - ciemny na jasnym lub jasny na ciemnym, bez średnich tonów po obu stronach.
Cena i rabat - kolor akcentu tylko wtedy, gdy ma wystarczający kontrast z tłem grafiki.
Przyciski - jeden kolor dla głównej akcji w całym sklepie, inny dla akcji pobocznych.
Nie tylko kolor - informacji, np. o błędzie czy dostępności, nie przekazuj wyłącznie barwą; dodaj tekst lub ikonę.
Kolory marki w ofertach marketplace i w reklamach
Kolory marki nie wszędzie mogą się pojawić w pełnej formie. Na Allegro pierwsze zdjęcie oferty, czyli miniatura, musi mieć białe tło (RGB 255, 255, 255), bez ramek, napisów i logotypów sklepu. W niektórych kategoriach dopuszczone jest jednolite jasnoszare tło. Zdjęcia w galerii i w opisie mogą mieć dowolne tło, ale nadal nie powinny zawierać logo sklepu (stan na styczeń 2026 - sprawdź aktualne zasady w pomocy Allegro).
Oznacza to, że na marketplace kolory marki przenosisz do drugiego i kolejnych zdjęć galerii, infografik i grafik w opisie: tło, kolor ikon, wyróżnienia parametrów. W reklamach Meta Ads, Google Ads i na banerach w sklepie paleta działa w pełni. Warto jednak pamiętać o szczegółach technicznych. Google Ads w kampaniach Performance Max ostrzega, że logo z przezroczystym tłem może wyświetlić się na białym tle, i odradza logo w większości białe na przezroczystym tle (stan na styczeń 2026 - sprawdź aktualne wytyczne). Wersja logo na tle w kolorze marki rozwiązuje problem.
[#przyklad] Sklep z akcesoriami dla zwierząt ma kolor główny w odcieniu butelkowej zieleni, akcent w ciepłym żółtym i dwa neutralne - złamaną biel i grafit. Miniatury na Allegro pozostają na białym tle. W galerii zielony pojawia się w tle infografik z parametrami, żółty wyróżnia jedną najważniejszą korzyść, a tekst jest grafitowy. Banery w sklepie i reklamy w Meta Ads mają zielone tło, żółty przycisk i białe hasło. Klient widzi tę samą markę na marketplace, w reklamie i w sklepie, choć miniatura jest neutralna.
Kolory zmieniają się też w sezonie. Kreacje świąteczne czy wiosenne mogą korzystać z dodatkowych barw, ale dobrze, gdy zostawiają w kadrze kolor główny lub akcent marki. Jak zaplanować takie kreacje, pokazujemy w tekście o kreacjach na Dzień Matki, Walentynki i Dzień Dziecka.
Najczęstsze błędy przy doborze palety kolorów marki
Większość problemów z kolorami wychodzi dopiero wtedy, gdy grafiki powstają szybko i robi je kilka osób. Zanim zatwierdzisz paletę, sprawdź, czy nie popełniasz tych błędów i jak je naprawić:
[#chart:pgr46c]
[#checklista] Paleta kolorów marki sklepu przed wdrożeniem: 1) Kolor główny, 1-2 uzupełniające, akcent i 2-3 neutralne. 2) Każdy kolor zapisany w HEX, RGB i CMYK, a do druku jednobarwnego także Pantone. 3) Lista par kolorów dozwolonych do tekstu z kontrastem co najmniej 4,5:1. 4) Proporcje użycia i miejsca, gdzie akcentu nie stosujemy. 5) Test na banerze, poście, galerii oferty i zdjęciu produktu na telefonie. 6) Wydruk próbny koloru głównego. 7) Paleta wgrana do szablonów i narzędzi, z których korzysta zespół.
Jak Vinson pomaga dobrać paletę kolorów marki sklepu
Projektujemy grafiki dla e-commerce: miniatury i galerie ofert, banery, identyfikację sklepu i materiały reklamowe. Paletę kolorów dobieramy od razu pod miejsca, w których sklep się pokazuje - stronę, galerie ofert na marketplace'ach, reklamy Meta Ads i Google Ads oraz opakowania. Przekazujemy kody kolorów w wersjach ekranowych i drukowych, pary do tekstu sprawdzone pod kątem kontrastu i gotowe szablony grafik. Szczegóły znajdziesz na stronie projektowanie graficzne dla e-commerce.
Vinson to agencja e-commerce z Bochni, działająca od 2021 roku. Jesteśmy Allegro Ads Partner+, Google Partner, Meta Business Partner, certyfikowanym partnerem Base, partnerem Empik Place i autoryzowanym partnerem Shoper. Klienci oceniają nas na 4,9/5 ze 171 opinii, a współpracowaliśmy z ponad 500 firmami.
Najczęściej zadawane pytania
Ile kolorów powinna mieć paleta marki sklepu internetowego?
Najczęściej 3-5 kolorów marki: jeden główny, jeden lub dwa uzupełniające i akcent, do tego 2-3 neutralne odcienie tła i tekstu. Mniejsza paleta łatwiej utrzymuje spójność, gdy grafiki tworzy kilka osób. Dodatkowe barwy sezonowe warto traktować jako czasowe uzupełnienie, a nie część stałej palety.
Jak sprawdzić, czy kolory na grafice są czytelne?
Użyj kalkulatora kontrastu i porównaj kod koloru tekstu z kodem tła. Według wytycznych WCAG zwykły tekst powinien mieć kontrast co najmniej 4,5:1, a duży tekst co najmniej 3:1. Dodatkowo obejrzyj grafikę na telefonie w jasnym świetle, bo tam problemy z czytelnością widać najszybciej.
Czy na Allegro mogę używać kolorów marki na zdjęciach?
Na pierwszym zdjęciu oferty nie - miniatura musi mieć białe tło, bez ramek, napisów i logo sklepu, a w niektórych kategoriach dopuszczalne jest jasnoszare tło. Zdjęcia w galerii i w opisie mogą mieć dowolne tło, więc tam pokażesz kolory marki, na przykład w infografikach. Aktualne zasady sprawdź w pomocy Allegro.
Dlaczego kolor marki inaczej wygląda w druku niż w sklepie?
Ekran wyświetla kolory w modelu RGB, a drukarnia drukuje w CMYK lub kolorami specjalnymi, na przykład Pantone. Część barw ekranowych, szczególnie bardzo nasyconych, nie ma dokładnego odpowiednika w druku. Dlatego paleta powinna mieć osobne kody do druku i warto zrobić wydruk próbny przed dużym nakładem.
Czy kolor przycisku w sklepie musi być kolorem marki?
Nie musi. Często lepiej, gdy przycisk ma kolor akcentu, który pojawia się rzadko i od razu przyciąga wzrok. Ważne, żeby główny przycisk miał ten sam kolor w całym sklepie i dobry kontrast tekstu z tłem.
Paleta kolorów marki sklepu to kilka dobrze zapisanych barw z jasnymi rolami, a nie jeden kolor z logo. Jeśli chcesz dobrać paletę, która zadziała w ofertach, reklamach i na opakowaniach, zajrzyj na stronę projektowania graficznego dla e-commerce.
Aleksandra Marecka
Head of Digital Marketing
Projektuje i skaluje strategie marketingowe e-commerce: social media, e-mail, content. Optymalizuje działania pod zwrot z inwestycji.
Projektuje i skaluje strategie marketingowe e-commerce: social media, e-mail, content. Optymalizuje działania pod zwrot z inwestycji.
Projektowanie graficzne dla e-commerce
Aleksandra i nasz zespół pomogą Ci wdrożyć to na Twoim koncie - bez zobowiązań.
- Analiza Twojego konta i obecnych działań
- Konkretny plan poprawek do wdrożenia
- Bezpłatna konsultacja – bez zobowiązań
Przeczytaj także
Więcej porad z naszej bazy wiedzy - przesuń, aby zobaczyć kolejne artykuły.
Masz pytania? Chętnie porozmawiamy!
Masz pytania? Chętnie porozmawiamy!
Odpowiadamy w ciągu 24 godzin w dni robocze. Pierwsza rozmowa jest bezpłatna i do niczego nie zobowiązuje.
Masz pytania? Chętnie porozmawiamy!
Odpowiadamy w ciągu 24 godzin w dni robocze. Pierwsza rozmowa jest bezpłatna i do niczego nie zobowiązuje.
Bartłomiej Stokłosa
CEO & Founder
"Jeżeli czegoś nie da się zrobić, potrzebny jest ktoś, kto o tym nie wie - przyjdzie i to zrobi."
Bartłomiej Stokłosa
CEO & Founder
"Jeżeli czegoś nie da się zrobić, potrzebny jest ktoś, kto o tym nie wie - przyjdzie i to zrobi."
Wybierz dogodny termin w kalendarzu - bez wymiany maili w tę i z powrotem.
Napisz do nas
Opisz krótko, czego potrzebujesz - oddzwonimy lub odpiszemy w ciągu 24 godzin w dni robocze.
Na zapytanie odpowie Aleksandra Marecka, Head of Digital MarketingNapisz do nas
Opisz krótko, czego potrzebujesz - oddzwonimy lub odpiszemy w ciągu 24 godzin w dni robocze.
Na zapytanie odpowie Aleksandra Marecka, Head of Digital Marketing