Czy istnieje dobry zasób lub narzędzie, które pomoże zbudować paletę / schemat kolorów wokół wybranych przeze mnie kolorów?


65

Bez względu na to, jak ładna jest kompozycja, płynność i linie mojego projektu, jeśli nie kopiuję bezpośrednio z natury, bardzo trudno mi wybrać porządną kolorystykę. Wygląda albo zbyt ponuro, albo zbyt krzykliwie.

Czy istnieje dobry zasób, który pomoże mi wybrać schemat kolorów, który ma 2 lub 3 kolory, a kolory się nie kolidują?

Nie szukam konkretnych kolorów ani schematów kolorów. To, czego potrzebuję, to zasób, który pomoże mi wybrać kolor (lub kolory), który ładnie pasuje do, lub zapewni dobry akcent, niezależnie od głównego koloru, nad którym pracuję nad projektem.


2
Czy próbowałeś już Agave, dostępnego w repozytoriach Debian / Ubuntu? Cały czas tego używam.
ixtmixilix

Odpowiedzi:


50

Jednym z przydatnych narzędzi jest Paletton (wcześniej znany jako Projektant schematów kolorów):

Podajesz kolor początkowy i rodzaj schematu kolorów, a wygeneruje on paletę i umożliwi modyfikację tej palety.

Zaletą tego narzędzia jest to, że możesz zobaczyć, jak wybiera inne kolory na podstawie wybranego koloru. Istnieje również narzędzie do symulacji wyglądu tych kolorów przy różnych rodzajach ślepoty barw.


Jest wiele innych , z których wiele bardziej mi się podoba niż Paletton
Zach Saucier

24

Musisz przeczytać o dobrej księdze teorii kolorów, aby zrozumieć przynajmniej ogólną zasadę, na przykład o tym, co to jest kolor podstawowy i wtórny, kolory uzupełniające itp. ... w przeciwnym razie nie uzyskasz znaczenia niektórych wyborów paletowych, których dokonasz .

W tej chwili moim ulubionym jest: Kuler z Adobe , a także wcześniej korzystałem z http://colorschemedesigner.com/ .

Sugeruję szybkie przeczytanie o RÓWNOLEGŁYM I POMYŚLNYM KONTRASTIE, w którym skojarzenie koloru sprawia, że ​​kolor na innym tle wygląda inaczej.

Nawet jeśli nie zapytałeś mnie, sugeruję mieć pod ręką, aby sprawdzić, czy kolory strony mają dobry kontrast pod względem czytelności, używam tego: http://graybit.com/main.php


1
Więcej informacji na temat teorii koloru sprawdzić ten poprzedni Stack Exchange Network pytanie: graphicdesign.stackexchange.com/questions/2/...
JamesHenare

Adobe Kuler ( color.adobe.com/create/color-wheel ) jest w tej chwili moim ulubionym, głównie dlatego, że interfejs jest przyjemny w użyciu. Zwykle nie oceniam narzędzi na podstawie wyglądu, ale jeśli ma on wszystkie funkcje, które robią inni i integruje się z produktami Adobe (moje wybrane oprogramowanie do projektowania), równie dobrze możesz wybrać ładny.

18

Jest ich wiele, ale oto niektóre z moich ulubionych generatorów. Większość z wymienionych pozwala na wprowadzenie własnego koloru, jak określono.

Istnieje również kilka witryn, które dają gotowe palety, w tym popularnych marek

Istnieje również kilka witryn, które oferują kombinacje gradientów, z których można uzyskać kody kolorów:

Możesz też pozwolić AI wybrać kilka kolorów za pomocą AI Color Wheel .

Jeśli nadal nie możesz znaleźć palety kolorów, to repozytorium ma dodatkowe zasoby.


Chciałbym również spojrzeć na poniższą tabelę (wyciągnąłem stąd , zastanawiając się, które kolory zmieszać (zwykle nad gradientami powyżej), aby uzyskać najlepszy kontrast:

kolory kontrastowały ze sobą na wykresie



7

Przede wszystkim: zapoznaj się z modelem kolorów HSB . HSB definiuje kolor poprzez:

  • Barwa : rodzaj koloru, jak w: wybierz jeden z tęczy - w stopniach;
  • Nasycenie : odwrotność ilości dodanej bieli - w procentach;
  • Jasność : odwrotność ilości dodanej czerni - w procentach.

Dobrą zasadą byłoby próbkowanie istniejących kolorów marki i określenie ich wartości odcienia. Najpierw trzymaj się tych wartości H i zacznij zmieniać wartości S i B. Tworzy to kolory, które prawie z definicji dobrze harmonizują z istniejącymi kolorami.

Jeśli naprawdę potrzebujesz naprawdę kontrastującego koloru, a jedynym sposobem jest użycie innej wartości H, spróbuj najpierw ustalić, w jaki sposób powiązane są wartości H istniejących kolorów. Następnie możesz wykorzystać tę relację, aby stworzyć nowe odcienie.

Czy te dwa kolory są oddalone o 180 °? Następnie możesz dodać 90 ° do jednego z nich, aby stworzyć trzeci odcień do pracy. Czy są od siebie oddalone o 40 °? Dodaj 40 ° do jednej z wartości kolorów lub odejmij 40 ° od drugiej, aby uzyskać analogowe ustawienie kolorów. Lub weź średnią z dwóch wartości H, a następnie odwróć wynik (dodaj lub odejmij 180 °, w zależności od tego, która wartość dodatnia jest mniejsza niż 360), aby utworzyć podział uzupełniających ustawień kolorów.

Następnie zacznij bawić się wartościami S i B nowego odcienia.

Nie zapomnij zrobić kroku wstecz i dostosować obliczoną wartość H, gdy wynik nie spełnia Twoich oczekiwań. Dokładnie obliczone wartości H są świetne, ale są tylko narzędziem - nie wahaj się edytować drobnych rzeczy, aby wyglądały lepiej estetycznie.


6

Uważam, że colourlovers.com jest bardzo przydatnym źródłem do tworzenia schematów kolorów. Ale jeśli chcesz mieć lepszy pomysł na użycie kontrastu i harmonii jako narzędzia do ulepszenia swojego projektu, powinieneś przeczytać teorię kolorów. Osobiście podobały mi się Zasady projektowania kolorów Wuciousa Wunga i Interakcja kolorów Josefa Albersa


Interaction of Color to fantastyczny podkład! Od czasu do czasu staram się ją przeczytać, aby odświeżyć moją teorię kolorów.
zwykły ubranie


4

Zwykle za pomocą próbnika kolorów wybieram kolory bezpośrednio ze zdjęć, z którymi pracuję. W ten sposób jestem pewien, że kolory będą do siebie pasować. Jest to łatwe i szybkie, gdy nie masz dużo czasu na swój projekt.




2

Jednym z niesamowitych narzędzi do tworzenia palet kolorów, które uważam za ukryty klejnot, jest Adobe Capture CC. Odkryłem to podczas oglądania transmisji strumieniowej Adobe Live.

Jest to bezpłatna aplikacja dostępna zarówno dla systemu iOS, jak i Androida, która automatycznie generuje paletę kolorów zdjęć zrobionych aparatem.

Jeśli wybierzesz się na spacer po parku, odwiedzisz muzeum lub po prostu natkniesz się na imponujący chromatycznie widok, możesz uzyskać tę paletę kolorów w ciągu kilku minut.

Aplikacja umożliwia również przekształcenie szkicu papierowego bezpośrednio w wektor. Rysujesz na papierze, fotografujesz i voila. Koniec z importowaniem zdjęć i śledzenia za pomocą narzędzia Pióro.

Zachęcam wszystkich do sprawdzenia!


1

Niektóre zasoby, które uważam za przydatne, wymienione poniżej przy wyborze kolorów.

  • AI z Colormind: narzędzie wykorzystujące AI i dużą próbkę „dobrych” projektów / grafiki / wydruków w celu wygenerowania kombinacji kolorów. Możliwe jest również dostarczanie własnych kolorów i generowanie kolorów uzupełniających. http://colormind.io/

  • Ustrukturyzowane zasady: wiele innych dobrych odpowiedzi na temat HSB i innych podejść / teorii. Ta strona zajmuje się tym z jasnymi zasadami, jak to zrobić i z dobrymi wynikami. https://tallys.github.io/color-theory/


0

Sugeruję sprawdzenie http://colorsupplyyy.com Jest to dobre narzędzie do generowania kolorów i wykorzystuje palety kolorów najlepszych projektantów z całego świata!


Witaj Mason, dziękuję za Twój wkład i witamy w GD.SE. Przykro mi powiedzieć, że twoja odpowiedź przyciągnęła kilka flag spamu. Byliśmy pod prawdziwy zalew spamu i społeczność carcking dół ciężko na cokolwiek, zdalnie wygląda. Jeśli możesz wyjaśnić nieco więcej, dlaczego podoba Ci się to narzędzie i jasno powiedzieć, że nie jesteś z nim powiązany, Twój post znacznie by się poprawił. Dzięki za wysiłek! Jeśli masz pytania dotyczące witryny, zajrzyj do centrum pomocy . Kontynuuj wkład i ciesz się stroną!
Vincent

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.