Jak dobrać kolory na stronie? 11 narzędzi do tworzenia palet kolorystycznych

W palecie RGB znajduje się prawie 17 milionów kolorów. Przy projektowaniu stron WWW powinno się stosować jedynie 5-6 odcieni. Jak dokonać wyboru i przy tym nie oszaleć? Możesz sięgnąć po narzędzia do tworzenia palet kolorystycznych. Poniżej znajdziesz listę 11 najlepszych i najpopularniejszych rozwiązań.

11 narzędzi do tworzenia palet kolorystycznych

1.Adobe Color CC

Zestawienie zacznę od Adobe Color. Program daje web designerom narzędzia kolorystyczne do tworzenia, zapisywania i udostępniania palet kolorów. Możesz w nim tworzyć schematy w oparciu o zasadę teorii kolorów lub poprzez przesłanie obrazu i wyodrębnienie z niego kolorów. 

Adobe Color wyróżnia z pewnością wspierająca się wzajemnie społeczność projektantów. Dołączając do niej, możesz przeglądać motywy kolorystyczne innych i zapisywać te, które spodobają Ci się najbardziej. Narzędzie to jest bezpłatne. 

2. HueSnap

HueSnap, czyli narzędzie pozwalające na tworzenie palet, które składają się maksymalnie z 6 kolorów. Możesz tutaj tworzyć niestandardowe połączenia z obrazu lub korzystać z narzędzia wyboru kolorów. 

Ciekawy dodatek to sekcja „szybkie kolory”, gdzie w ciągu kilku chwil stworzysz paletę. Narzędzie jest darmowe. Możesz z niego korzystać na komputerze oraz w aplikacjach mobilnych – znajdziesz je zarówno w Appstore, jak i Google Play, co ułatwia synchronizację. 

3. LolColors

Kolejne, bardzo ciekawe narzędzie to LOLColors. Znajdziesz tu kolekcję wyselekcjonowanych palet kolorów, którymi możesz się zainspirować. 

Łatwo też sprawdzisz, które połączenia są najbardziej popularne (wyświetla się liczba polubień). Pomocne wydaje się też umieszczenie kodu szesnastkowego każdego koloru. 

4. Khroma

Khroma jest narzędziem opartym na AI. Przy sugerowaniu kolorów i kombinacji bierze pod uwagę Twoje preferencje. Na początek wybierasz zestaw 50 kolorów, które podobają Ci się najbardziej. Algorytm będzie na nich bazował. 

Poza tym Khroma daje Ci wybór spośród tysięcy spersonalizowanych kolorów i szablonów. Dla ułatwienia wprowadzono wyszukiwarkę – wybierasz pasujący Ci styl i zapisujesz najlepsze projekty na przyszłość. 

Narzędzie to jest bezpłatne. 

5. Site Palet (od Chrome)

Chrome udostępnia Ci bezpłatne rozszerzenie przeglądarki. Site Palet daje możliwość tworzenia palety kolorów w oparciu o Twoje ulubione strony lub witryny Twoich klientów. To dopiero wyjście naprzeciw projektantom!

Wystarczy, że wejdziesz na stronę internetową, klikniesz ikonę Paleta witryn i… już! Narzędzie zaindeksuje, a następnie wyświetli zestawienie kolorów. Funkcja jest oczywiście bezpłatna. 

6. Coolors.co

Czy wiesz, że z Coolors korzysta już ponad 4 miliony użytkowników? Ja też byłem tym zaskoczony. Ta liczba mówi sama za siebie, ale Ty pewnie chcesz znać więcej szczegółów.

Coolors pozwala projektantom na przeglądanie tysięcy popularnych schematów kolorów oraz tworzenie własnych kombinacji (także wyodrębnionych z obrazów).  Narzędzie podpowie Ci także, jakie kolory mogą pasować do głównego oraz jak dostosować odcienie i przejścia między nimi. Możesz eksportować swoją pracę w różnych formatach, zapisywać i porządkować palety, a nawet tworzyć fantazyjne kolaże. 

Prawdziwą perełką jest jednak opcja sprawdzenia, jak Twoją paletę odbiorą osoby z różnymi schorzeniami, tj. protanopią (nierozpoznawanie barwy czerwonej), deuteranopią (nierozpoznawanie barwy zielonej) i tritanopią (nierozpoznawanie barwy żółtej i niebieskiej). 

W Coolors możesz wybrać wersję bezpłatną oraz Pro za 5 dolarów miesięcznie. 

7. Generator palet kolorów w Canvie

Oczywiście każdy web designer zna Canvę. Nie mogło więc jej zabraknąć w tym zestawieniu. Skupię się tu jednak na funkcji generatora palet kolorów.

Umożliwia on wgranie obrazu, jego analizę i wygenerowanie na tej podstawie palety. Możesz także samodzielnie stworzyć niestandardową paletę, przeglądać tysiące już utworzonych i wyszukać konkretną (wpisując kolor, motyw bądź inne słowo kluczowe). 

8. Pinterest

Pinterest jako narzędzie do kolorowania? Czy aby nie za bardzo odleciałem?

Nie. Zaloguj się na swój profil i wyszukaj „paletę kolorów” lub „color palette”. Wyskoczy Ci wiele ciekawych propozycji, którymi możesz się zainspirować. 

A jeśli któreś zestawienie spodoba Ci się szczególnie, pobierz ten obraz. Następnie otwórz go w programie Illustrator lub Photoshop i wyodrębnij kolory (zrobisz to z pomocą próbnika kolorów). Na ich podstawie jesteś w stanie stworzyć wyjątkową paletę. 

9. Material Design Palette

W Material Design Palette mechanizm działa nieco inaczej. Narzędzie tworzy pełne palety kolorów na podstawie dwóch wybranych przez Ciebie kolorów. To naprawdę łatwe: wybierasz dwa kolory, a Material Design Palette robi za Ciebie całą resztę. 

Powstałą paletę możesz pobrać w różnych formatach (między innymi CSS i PNG). Sprawdź też zakładkę kolorów, która pokazuje różne odcienie razem z kodami szesnastkowymi. 

10. Colormind

Coromind jest generatorem palet kolorów opartym na sztucznej inteligencji. Został „przeszkolony” na popularnych interfejsach użytkownika do wyodrębniania i analizowania tła, tekstu i oczywiście kolorów. 

Narzędzie świetnie sobie radzi z tworzeniem unikalnych palet kolorów, spełniających warunki estetyczne oraz funkcjonalne. Efekt możesz zobaczyć na docelowej stronie demonstracyjnej. 

Ale Colormind możesz wykorzystać także w inny sposób – przesyłając obraz, na podstawie którego narzędzie stworzy niestandardową paletę kolorów. Sporym ułatwieniem jest też dostarczenie palety razem z kodem HEX.

A cena? Oferta obejmuje wersję bezpłatną do użytku osobistego i niekomercyjnego. 

11. Eggradients

Eggradients to starannie wyselekcjonowana kolekcja gradientów i biblioteka odcieni, których możesz użyć w projektach. Znajdziesz tu ogromne repozytorium gradientów już z kodami HEX. 

Kolekcja zawiera również krótkie opisy odcieni, z których dowiesz się, jak je wykorzystać w różnych obszarach i z czym będą najlepiej się komponować.

Narzędzie jest darmowe. 

Podsumowanie

Web designerzy to ludzie kreatywni i takich właśnie narzędzi potrzebują. Ja wymieniłem tutaj 11 najpopularniejszych, które z pewnością ułatwią Ci pracę nad projektem. 

Sprawdź te, których jeszcze nie znałeś!