Podczas przygotowywania wizualizacji lub raportu wybieramy kolory głównie po to, żeby odróżnić lub wyróżnić prezentowane dane. Jednak często do wyboru koloru podchodzimy „po macoszemu”, decydując się na kolory domyślne, podpowiadane automatycznie przez używaną aplikację (np. Excela) lub nie przywiązujemy do wyboru większej wagi. Jednak to właśnie kolor stanowi w dużej mierze o atrakcyjności naszego raportu i jego wyboru jest sprawą kluczową (moc koloru przybliżał artykuł Dziewięć zasad skutecznego użycia koloru). Tylko jak wybrać najlepszą paletę dla naszego raportu?

[grwebform url="https://app.getresponse.com/view_webform_v2.js?u=N3vX&webforms_id=9648602" css="on" center="off" center_margin="0"/]

Dlaczego kolor ma takie znaczenie w raportach?

Kolor może być stosowany na wiele sposobów, ale musimy rozumieć jak kolory działają, ponieważ bardzo łatwo o jego nieprawidłowe użycie. Kolor powinien być traktowany tylko i wyłącznie w sposób praktyczny, niech nie wezmą góry nasze artystyczne zapędy. Paleta kolorów ma bardzo duży wpływ na odbiór danych, więc musimy brać pod uwagę sposób, w jaki kolor wpływa na odczytywane oraz interpretacje danych. Kolory bywają zdradliwe i z pewnością można znaleźć wykresy, dla których lepiej by było, aby pozostałe czarno-białe, ponieważ utrudniają lub przekłamują obraz danych. Należy pamiętać, że podświadomie przypisujemy kolorom znaczenie, a w różnych stronach świata dany kolor może oznaczać coś innego niż w naszej kulturze.

Kolory na wykresach:

Powinno się stosować z umiarem i rezerwą;
Powinny rozróżniać tylko faktyczne różnice w danych;
Powinny wyraźnie kontrastować z tłem;
Powinny być stosowane tylko wtedy, gdy służy to konkretnemu celowi komunikacyjnemu;
Powinny być miękkie, naturalne dla przedstawienia większości informacji i wyraźne i/lub ciemne, aby wyróżnić informacje, które wymagają większej uwagi;
Powinny być spójne na całym raporcie.

Tyle teoria. A praktycznie – skąd wziąć dobry zestaw kolorów?

ColorBrewer

Paleta została stworzona przez ekspertkę od map, jednakże kombinacje można stosować również na raportach. Palety dostępne są w czterech formatach, w tym dodatku do Excela. Paleta może zostać wybrana do danych sekwencyjnych, rozproszonych oraz jakościowych. Wybrane palety mogę być różnokolorowe lub jednokolorowe (różne odcienie). Oprócz palety kolorów można wybrać inne szczegóły: kolory granic, miast, dróg. Po wybraniu palety każdy z podanych kolorów ma także wskazany kod Hex.

Źródło: http://colorbrewer2.org

Coolors

Aplikacja podpowiada paletę kolorów. Odpowiedni kolor „zamykamy” kłódką, następnie przyciskamy spację i generują się kolejne kolory pasujące do wcześniej wybranego (wybieramy za pomocą wciśnięcia kłódki). Kolejne kolory generujemy za pomocą spacji. Następnie wybraną paletę kolorów pobieramy.

Źródło: https://coolors.co/

Adobe Color CC

Strona umożliwia wybór jednej z dostępnych palet. Paleta dostępna jest w programie Adobe.

Paletę można edytować i dowolnie ją zmieniać.

Źródło: https://color.adobe.com/pl/explore/newest/

Color combos

Strona umożliwia znalezienie idealnej palety kolorystycznej do naszej wizualizacji. Najważniejszym elementem strony jest tester koloru, który pozwala doprecyzowanie jak kolory ze sobą współgrają. W dostępnej bibliotece znajdziemy setki kolorów wraz z ich kodów Hex.

Źródło: http://www.colorcombos.com/combolibrary.html

Palleton

Strona, poprzez którą generujemy paletę kolorystyczną. Kolory wybieramy na podstawie pierścienia, który dobiera kolory według wybranych kryteriów (ilość kolorów, skala, odległość na pierścieniu w stopniach, rodzaj palety).

Źródło: http://paletton.com/

Encycolorpedia

Strona umożliwia sprawdzenia, który kolor jest odpowiedni w kombinacji, a który nie jest.

Poprzez stronę można wczytać obrazek, żeby pobrać dla niego paletę kolorów. Zgodnie z nazwą, strona udziela informacji na temat kolorów.

Źródło: http://encycolorpedia.com/0d734b

ColourLovers

Strona umożliwia wybranie kolorów z dostępnych palet.

Źródło: http://www.colourlovers.com/browse

Ciekawostka

Poniższe narzędzie umożliwia wybór palet kolorystyczny odpowiednich do stron internetowych, umożliwiając utworzenie odpowiedniej palety w przeglądarkach Chrome i Firefox