Blog

A po pracy trochę odpoczynku, z zabawnymi obrazkami i ciekawymi tekstami.

Polecanki cz. 2. 5 narzędzi do dobierania kolorów.

11/02/2019

BY Żaneta

Kolorowy zawrót głowy? 

16 777 216. Tyle kolorów jest w stanie wyświetlić monitor (pod warunkiem, że to dobry monitor).
Teoria: Kolory na monitorze wyświetlane są w tzw. przestrzeni RGB, każda z barw może się wahać od 0-255.  256*256*256=16 777 216

Praktyka: Jeśli nie jesteś osobą, która „czuje” kolory, albo zna się na teorii koloru i ich dobierania, prawdopodobnie polegniesz jeśli będziesz próbował dobierać kolory sam. Bo wiadomo, że niebieski współgra z żółtym, ale co jeśli ten „niebieski” jest bardziej fioletowy, a „żółty” bardziej zielony? I w sumie mamy połączenie indygo z musztardowym?

Rozwiązanie: Jest bardzo proste – skorzystaj z gotowych szablonów albo narzędzi, które mają zaszyte w sobie teorie kolorystyczne i zrobią te robotę za ciebie.

Szukaj ich tutaj:

1. Kiedy nie wiesz od czego zacząć – gotowe palety kolorów.

schemecolor.com

Wystarczy wybrać jeden z odcieni kolorów, lub wpisać interesującą cię frazę (np. winter) i voila, masz mnóstwo pomysłów na palety kolorów do swojego projektu.
Na schemecolor po wybraniu palety otrzymujesz informacje kolorystyczne we wszystkich (popularnych) formatach, w tym HEX (web), RGB (urządzenia) i CMYK (druk).
Na stronie znajdziemy też wiele innych narzędzi jak pobieranie kolorów z obrazka itp.

 

2. Jeśli potrzebujesz własną paletę kolorów. 

palettable.io

Jest to jedno z moich ulubionych narzędzi – metoda działania jest prosta. Wybierasz swój pierwszy kolor. Wpisujesz jego wartości lub wybierasz z całego spektrum. A potem klikasz tylko Like lub Dislike. Strona podaje kolory, które pasują odcieniem do naszego koloru. Sam decydujesz, które z nich zostawić. W ten sposób możesz dobrać do 5 kolorów, które potem możesz eksportować.

 

3. Kiedy chcesz wiedzieć, skąd wzięły się kolory w palecie.

Color calculator

Jest to kolejne narzędzie do dobierania kolorów na podstawie pierwszego podanego koloru. Tutaj jednak możemy konkretnie określić jaki sposób doboru ma być użyty. Możesz w ten sposób określić kolory pokrewne lub przeciwstawne.

 

4. Jakie kolory znajdują się między wybranymi dwoma innymi kolorami?

colorbox.io

To narzędzie tworzy przejście skokowe między jednym a drugim kolorem. Może być to np. rozbielenie twojego wybranego koloru. Ale możesz też połączyć dwa zupełnie różne kolory, a narzędzie wygeneruje kolorystyczne kroki między jednym i drugim.

 

5. Kiedy potrzebujesz gotowych gradientów.

webgradients.com

Piękne i dobrane specjalnie pod strony internetowe przejścia tonalne (czyli gradienty) gotowe do użycia. Narzędzie podaje zarówno kolory w HEX jak i umożliwia przekopiowanie gotowego kodu CSS oraz pobranie png. Uważałabym jednak przy używaniu tych gradientów w druku – efekty mogą nie wyjść tak atrakcyjnie jak to co wyświetli monitor.

 

Photo by Mario Gogh on Unsplash