fbpx

20 najlepszych narz臋dzi do dobierania kolor贸w oraz gotowych palet

[ 10 maja 2018 ]

Jedn膮 z najwa偶niejszych rzeczy w projektowaniu jest kolor.聽Niezale偶nie czy projektujesz strony internetowe, grafik臋 u偶ytkow膮 czy projektujesz aplikacje odpowiedni dob贸r barw w g艂贸wnej mierze zdecyduje czy projekt b臋dzie udany. Jednak uzyskanie idealnego po艂膮czenia kolor贸w nie dla ka偶dego jest proste. Istnieje jednak wiele narz臋dzi, kt贸re mog膮 u艂atwi膰 Ci to zadanie. Dlatego je艣li nie wiesz jak po艂膮czy膰 kolory lub jakich palet kolorystycznych u偶y膰 w projekcie zapoznaj si臋 z nasz膮 list膮 strona, na kt贸rej znajdziesz gotowe inspiracje kolorystyczne.

 

 

Paletton

Paletton jest uwa偶any przez wielu projektant贸w na ca艂ym 艣wiecie za jedno z najbardziej u偶ytecznych narz臋dzi kolorystycznych ze wzgl臋du na swoj膮 wszechstronno艣膰. Za pomoc膮 ko艂a kolor贸w mo偶esz wybra膰 nast臋puj膮ce ustawienia: monochromatyczny, s膮siaduj膮cy, triada, poczw贸rny oraz styl dowolny. Mo偶esz edytowa膰 odcienie ka偶dego koloru indywidualnie, a gdy sko艅czysz, mo偶esz podzieli膰 si臋 swoj膮 prac膮 ze 艣wiatem.聽Paletton to niezawodny wyb贸r dla os贸b, kt贸re dopiero zaczynaj膮 swoj膮 przygod臋 z dobieraniem barw. Pozwoli on opanowa膰 najwa偶niejsze zasady doboru kolor贸w.

 

 

Color.hailpixel

Color by Hailpixel to bardzo聽 proste narz臋dzie, kt贸re pozwala stworzy膰 palet臋 kolor贸w, u偶ywaj膮c po prostu ekranu jako p艂贸tna. Wystarczy przesuwa膰 kursor myszy na boki, 偶eby wybra膰 odcie艅. Natomiast w g贸r臋 i w d贸艂 zmieniamy nasycenie. Po wybraniu klikamy i przechodzimy do ustawienia nast臋pnego koloru naszej palety. Jest to cz臋艣ciowe narz臋dzie poniewa偶 nie oferuje gotowych palet, tak jak w przypadku innych tego typu stron. Tutaj musimy ustali膰 kolory samemu, jednak w bardzo wygodny spos贸b.

 

 

Colorhunt

Color Hunt to platforma spo艂eczno艣ciowa, gdzie u偶ytkownicy wklejaj膮 w艂asne palety kolor贸w. Oferuje mn贸stwo fantastycznych pomys艂贸w. Narzeka膰 mo偶na na troszk臋 ograniczone opcje w stylu s艂abe wyszukiwanie oraz opcje pobierania kolor贸w w formie kodu gdzie ograniczono tylko do RGB.聽 Z palet mo偶na korzysta膰聽za darmo i je艣li wymy艣lisz co艣, czego jeszcze nie tam nie ma, mo偶esz聽 przes艂a膰 i podzieli膰 si臋 ze 艣wiatem.

 

 

Colorfulgradients.tumblr

Mimo 偶e p艂askie barwy s膮 obecnie najwa偶niejsze, gradienty wracaj膮 do 艂ask. Oczywi艣cie musz膮 by膰 stworzone z wyczuciem i smakiem. Je艣li nie czujesz si臋 dobry w 艂膮czeniu kolor贸w to na tej stronie znajdziesz wiele nowoczesnych gradient贸w, kt贸re mo偶esz u偶y膰 bez obawy, 偶e zepsujesz nimi swoj膮 prac臋 lub projekt b臋dzie obciachem.

 

 

Brandcolors

W obserwowaniu innych i czerpaniu inspiracji nie ma nic z艂ego. Oczywi艣cie je艣li nie b臋dzie to 100% kopia. Dlatego je艣li dobieranie kolor贸w nie jest Twoj膮 najmocniejsz膮 stron膮 warto zobaczy膰 jak robi膮 to najwi臋ksze firmy na 艣wiecie. Na tej stronie znajdziesz wykaz znanych firm oraz palet臋 kolor贸w jaka jest u偶ywana w ich identyfikacji wizualnej. To 艣wietna inspiracja i 藕r贸d艂o wiedzy.

 

 

Colordrop.io

ColorDrop to doskona艂e narz臋dzie, je艣li szybko potrzebujesz palety do p艂askich projekt贸w w stylu material design. Jest to galeria gotowych palet kolor贸w, kt贸ra zawiera liczne kombinacje p艂askich kolor贸w. Wystarczy przewin膮膰 galeri臋 i wybra膰 odpowiednie palety kolor贸w. A trzeba tutaj przyzna膰, 偶e palety s膮 naprawd臋 wysokiej jako艣ci i dobrane kolory, faktycznie wsp贸艂graj膮 ze sob膮. Mo偶esz doda膰 palety do ulubionych lub skopiowa膰 kody hex / RGB.

 

 

Coolors.co

Tw贸rcy tej strony upro艣cili dob贸r palety do granic mo偶liwo艣ci. Wystarczy klikn膮膰 spacje, by zmieni膰 palet臋 na inn膮. Trzeba przyzna膰, 偶e po obejrzeniu kilkudziesi臋ciu pierwszych propozycji wszystkie wybory kolor贸w doskonale si臋 uzupe艂niaj膮 i praktycznie ka偶dy z nich przypad艂 mi do gustu co jest niezwykle rzadkie.

 

 

Color-hex

Tutaj nie znajdziesz gotowych palet i propozycji. Jednak warto jest mie膰 to narz臋dzie zapisane w zak艂adkach. Jego zadaniem jest opisanie kolory w najr贸偶niejszych szczeg贸艂ach. Znajdziesz tu podstawowe informacje o danej barwie jak np. symbole RGB, Cmyk. Ale i te bardziej zaawansowane jak procentowy udzia艂 偶贸艂tego lub fioletowego w danym kolorze, kod css opisuj膮cy dany kolor, palet臋 chromatyczn膮, analogiczn膮 i wiele, wiele innych informacji do zaawansowej pracy z kolorem.

 

 

Color.adobe

Narz臋dzie od samego Adobe. Dawniej kuler, dzi艣 dost臋pny pod inn膮 nazw膮. Profesjonalny ulubieniec wielu projektant贸w czyli ko艂o kolor贸w. Jest wielokrotnie polecany w najr贸偶niejszych publikacjach graficznych. Ka偶dy szanuj膮cy si臋 grafik powinien opanowa膰 dob贸r kolor贸w na podstawie ko艂a kolor贸w, a na tej stronie nauczy si臋 tego jak na 偶adnej innej.聽Dzi臋ki tej stronie w bardzo szybki spos贸b opanujesz podstawy dobierania barw.

 

 

Colourlovers

Kolejna strona, kt贸ra jest stanowi czo艂贸wk臋 wszystkich narz臋dzi, stron do dobierania kolor贸w i palet. Nic dziwnego poniewa偶 jest bardzo dobrze wykonana i przyjazna dla u偶ytkownika. Posiada mn贸stwo wy艣mienitych gotowych palet na r贸偶ne okazje. Niezale偶nie czy projektujesz strony, banery, ulotki, aplikacje to jestem przekonany, 偶e na tej stronie znajdziesz swoj膮 palet臋 barw. Gdybym mia艂 wybiera膰 tylko jedn膮 stron臋 do kolor贸w, to by艂a by to w艂a艣nie ta pozycja. Color Lovers to kreatywna spo艂eczno艣膰, kt贸ra dzieli si臋 ze sob膮 stworzonymi paletami.

 

 

Materialpalette

Material desing opanowa艂 trendy projektowania. Dlatego projektuj膮c w duchu p艂askich kolor贸w musisz wiedzie膰 jakich barw mo偶esz u偶y膰.聽 Pomo偶e Ci w tym ten zas贸b kolor贸w, dzi臋ki kt贸remu stworzysz w艂asn膮 palet臋 w stylu material design.聽Bardzo prosty i 艂atwy w u偶yciu, mo偶esz wypr贸bowa膰 r贸偶ne kombinacje i dowiedzie膰 si臋, kt贸re barwy wsp贸艂graj膮 ze sob膮 najlepiej od razu na podgl膮dzie aplikacji.

 

 

Flatuicolors

Powy偶ej omawiamy palet臋 w stylu material design. Tym razem co艣 bardzo podobnego czyli flat design. Znajdziesz tu oczywi艣cie kolory, kt贸re nadaj膮 si臋 do stworzenia p艂askiego stylu.聽 Wszystkie kolory maj膮 funkcja kopiowania czyli umo偶liwiaj膮ca kopiowanie / wklejanie kod贸w HEX bezpo艣rednio do Photoshopa lub do arkusza styl贸w CSS. Paleta na stronie jest troch臋 ograniczona, ale jest doskona艂ym 藕r贸d艂em do pracy z p艂askimi projektami.

 

 

Colorsafe.co

Kolory na stronie internetowej odgrywaj膮 szalenie wa偶n膮 rol臋. Dzi臋ki temu narz臋dziu聽 mo偶esz generowa膰 schematy kolor贸w, kt贸re idealnie 艂膮cz膮 si臋 ze sob膮 i oferuj膮 bogaty kontrast co sprawia, 偶e strona b臋dzie czytelna. Pochodz膮 one wprost z podr臋cznika W3, w kt贸rym wybierane s膮 kolory o wy偶szym kontra艣cie, zapewniaj膮ce wi臋ksz膮 przejrzysto艣膰.

 

 

Colorsupplyyy

Czy mo偶na kogo艣 pro艣ciej nauczy膰 zasad dobierania kolor贸w na podstawie ko艂a kolor贸w ni偶 na tej stronie ? Jej prostota oraz minimalizm sprawia, 偶e nawet laik poradzi sobie z opanowaniem czarnej magii jak膮 jest ko艂o kolor贸w.聽 Wybierz jeden podstawowy kolor na kole kolor贸w i wybierz styl (komplementarny, triadowy, kwadratowy itp.). Nast臋pnie mo偶esz wybra膰 r贸偶ne odcienie i zobaczy膰, kt贸re kolory najlepiej pasuj膮 do twojego projektu. A to zadanie u艂atwi Ci podgl膮d stworzonej palety na ikonach SVG, kt贸re s膮 automatycznie aktualizowane.

 

 

Colourco

Mniej znana strona ale wcale nie gorsza od reszty. Mo偶na j膮 przyr贸wna膰 do ko艂a kolor贸w od Adobe jednak w nieco innej wersji.聽Mo偶esz wybiera膰 palety od wersji monochromatycznej, analogowej, uzupe艂niaj膮cej. S kiedy sko艅czysz, po prostu zapisz lub pobierz sw贸j wyb贸r. Color Code sprawia, 偶e tworzenie palet zgodnie z teori膮 dobierania barw, jak i dzielenie si臋 nimi s膮 bardzo 艂atwe.

 

 

Labs.tineye

Korzystaj膮c z narz臋dzia TinEye Labs, mo偶esz znale藕膰 wiele zdj臋膰 na licencji Creative Commons z serwisu Flickr w zale偶no艣ci od wybranych kolor贸w. Dla przyk艂adu je艣li wybierzesz zielony, uka偶膮 si臋 zdj臋cia gdzie dominuje ten kolor. Mo偶esz tym sposobem ustali膰 do 5 kolor贸w na zdj臋ciu. Je艣li chcesz znale藕膰 co艣 konkretnego, mo偶esz dostosowa膰 kompozycj臋 kolor贸w i wyszukiwa膰 wed艂ug tag贸w.

 

 

Palettable.io

Palettable to prawdopodobnie najbardziej zabawny generator palet kolor贸w, jaki kiedykolwiek widzia艂em. Jednak w tym szale艅stwie jest metoda poniewa偶 utworzy艂em przy jego pomocy mn贸stwo fajnych palet. Jak dzia艂a ? Aplikacja wy艣wietla losowy kolor zaraz po wyl膮dowaniu na stronie. Nast臋pnie musisz zdecydowa膰, czy dany kolor Ci si臋 podoba. Je艣li tak, to pod niego dobierany jest nast臋pny, kt贸ry pasuje do pierwszego. Je艣li natomiast klikniesz, 偶e kolor Ci si臋 nie podoba, zostanie wylosowany nowy, tak d艂ugo a偶 trafi w Twoje upodobania.聽Na koniec takiego klikania masz pe艂n膮 palet臋 kolor贸w, gotow膮 do u偶ycia, stworzon膮 pod Twoje gusta.

 

 

Canva.com/color-palette

Zdarzy艂o Ci si臋 kiedy艣 tworzy膰 projekt na podstawie zdj臋cia ? Je艣li tak to mamy dla Ciebie kolejne narz臋dzie. Jst bardzo prostym generatorem palet kolor贸w, za pomoc膮 kt贸rego mo偶na wyodr臋bni膰 kolory wgrywaj膮c dowolne zdj臋cie. Strona ma 艂adny interfejs i prost膮 zasad臋: “przeci膮gnij i upu艣膰”, wi臋c mo偶esz po prostu upu艣ci膰 zdj臋cia z komputera i pozna膰 jakie kolory wyst臋puj膮 na danej fotografii.

 

 

Colorfavs

Colorfavs to z艂o偶one narz臋dzie. Pobiera palety kolor贸w z obraz贸w, jednak nie tylko z obraz贸w, ale tak偶e z adres贸w URL. Je艣li wi臋c chcesz pozna膰 jakie barwy zosta艂y u偶yte na danej stronie wystarczy poda膰 jej adres. Mo偶esz r贸wnie偶 wklei膰 link do zdj臋cia lub grafiki 偶eby sprawdzi膰 wyst臋puj膮ce na niej barwy. .Colorfavs ma r贸wnie偶 ma艂膮 galeri臋, w kt贸rej mo偶esz sprawdzi膰 palety i kolory generowane przez innych u偶ytkownik贸w.

 

 

Colrd

Na koniec strona, kt贸ra jest ma艂o znana. ColRD to intuicyjny generator palet kolor贸w z szerok膮 gam膮 opcji. Jedn膮 z jego najlepszych funkcji jest pokaz zdj臋膰 w tonacji palety, kt贸ra wybra艂e艣. Daje to bardzo fajny efekt poniewa偶 mo偶emy od razu zobaczy膰 jaki klimat w projekcie da nam wybrana palet膮. Czy b臋dzie to klimat retro, nowoczesny, pop art itd.

 

 

Podsumowanie

Jak widzisz wyb贸r najlepszej palety kolor贸w nie 艂atwy, gdy masz tysi膮ce kombinacji po艂膮cze艅. Jednak, dzi臋ki powy偶szym narz臋dziom sprawa wcale nie jest tak trudna, nawet dla osoby, kt贸ra nie do ko艅ca czuje si臋 w temacie po艂膮cze艅 kolor贸w. W tym wypadku dobrze jest skorzysta膰 z gotowych palet na stronie聽Colourlovers Je艣li natomiast zale偶y Ci na przemy艣lanym dobory palety i opanowaniu podstaw kola kolor贸w warto skorzysta膰 z narz臋dzia od Adobe.聽Pami臋taj jednak, 偶eby przed skorzystaniem z powy偶szych narz臋dzi mie膰 w g艂owi臋 jaki艣 zarys. Musisz znale藕膰 podstawowy kolor, kt贸ry chcesz u偶y膰. Niech b臋dzie to barwa, kt贸ra ma charakteryzowa膰 Twoj膮 firm臋. Dzi臋ki temu o wiele szybciej uzyskasz pasuj膮ce do siebie kolory przy pomocy powy偶szych generator贸w wymienionych w tym artykule.

 

 

Dodaj komentarz

Tw贸j adres email nie zostanie opublikowany. Pola, kt贸rych wype艂nienie jest wymagane, s膮 oznaczone symbolem *