40 darmowych schematów kolorów i aplikacji palet (obszerny przewodnik)

Wybór koloru to etap procesu projektowania, który wymaga zarówno inteligentnego myślenia, jak i wyczucia. W dzisiejszej erze cyfrowej możesz mieć dowolną liczbę kolorów i ich kombinacji.



Ludzkie oko widzi jednocześnie miliony różnych kolorów. Jako projektant, Twoim obowiązkiem jest wybranie kombinacji dwóch lub trzech kolorów, które wzajemnie się uzupełniają ORAZ najlepiej pasują do Twojego projektu.

To może być trudne zadanie. Wybór koloru w większości przypadków jest subiektywna i często naukowa. Nie możesz wybrać kolorów tylko dlatego, że je lubisz. Dotyczy to zwłaszcza sytuacji, gdy projektujesz dla klienta.

Idealny dobór kolorów wykracza poza osobiste preferencje, ponieważ kolory mogą wpływać na emocje, nastrój i myśli. Wybrana paleta kolorów będzie miała duży wpływ nie tylko na aspekt projektowy, ale także na to, jak widzowie zareagują na Twoją pracę.

Jako projektant, Twoim wyzwaniem jest zrównoważenie złożonych ról, które reprezentuje kolor, aby stworzyć wydajny i atrakcyjny wizualnie projekt. Możesz to zrobić tylko wtedy, gdy masz wiedzę, jak to zrobić teoria koloru Pracuje. Standardowa teoria kolorów może być bardzo pomocna w zrozumieniu, które kolory mogą ze sobą efektywnie współpracować (lub nie) i jaki wpływ mogą mieć te kombinacje na Twój projekt.

Spis treści

Koło kolorów

Przewodnik po emocjach kolorów

Jedną z podstaw teorii kolorów jest zrozumienie koła kolorów. Być może już wiesz, czym jest koło kolorów i prawdopodobnie widziałeś je już wcześniej w szkole. Tradycyjne koło kolorów składa się z 12 kolorów:

Kolory podstawowe lub podstawowe : Czerwony, żółty i niebieski

Kolory drugorzędne: Pomarańczowy, zielony i fioletowy

Kolory trzeciorzędne: Czerwono-pomarańczowy, żółto-pomarańczowy, żółto-zielony, niebiesko-zielony, niebiesko-fioletowy i czerwono-fioletowy

Z dodatkiem indygo, kolory podstawowe i wtórne tworzą kolory tęczy lub widzialnego spektrum światła.

Koło kolorów to prosta, ale skuteczna pomoc wizualna pozwalająca zrozumieć wzajemne relacje kolorów. Ta metoda rozumienia kolorów dzieli się na dwie kategorie: model subtraktywny i model addytywny. Model subtraktywny obejmuje kombinację kolorowych pigmentów (np. Farb lub tuszów).

Do tej kategorii należy standardowe koło kolorów, a także system kolorów CMYK używany do drukowania. Model addytywny obejmuje kombinację kolorowych świateł (np. Kolorów, które widzisz na telewizorze). W tym modelu zastosowano wyraźny zestaw kolorów podstawowych, RGB (czerwony, zielony i niebieski).

Kolor w designie

Włączenie kolorów do projektu wymaga o wiele więcej niż wybranie dwóch lub trzech odcieni i połączenie ich w równych częściach z układem. Produktywne wdrażanie koloru w projekcie wymaga równowagi - a im więcej kolorów zastosujesz, tym trudniej będzie uzyskać równowagę.

Prostym sposobem myślenia o tej koncepcji jest rozbicie wybranych kolorów na kolory główne i akcentujące. Główny kolor będzie najbardziej wyrazistym i najczęściej używanym odcieniem w projekcie. Kolor (y) akcentujący zrównoważy i zaakcentuje dominujący kolor.

Skoncentrowanie się na tym, jak te kolory łączą się ze sobą, pozwoli Ci dostosować idealną paletę odpowiednią dla Twojego projektu. Interakcja kolorów dotyczy ilości - lub braku - kontrastu, łatwości czytelności po dodaniu tekstu, tego, jak wyraźniejsze odcienie sprawiają, że pozostałe kolory wyglądają, gdy są obok siebie, rodzaj nastroju, połączenie wydziela się i tak dalej.

Zasadą wdrażania podstawowej palety trzech kolorów w projektowaniu jest zasada 60-30-10. Ta metoda jest powszechnie stosowana w projektowaniu wnętrz, ale może być również skutecznie wykorzystywana do zadań drukowania i stron internetowych.

Zasada sugeruje, że 60% palety stanowi główny kolor wzoru; 30% i 10% zostanie podzielone na dwa kolory akcentujące.

Świetną analogią do tej zasady jest garnitur męski: 60% to kolor marynarki i spodni; 30% to kolor koszuli, a 10% to kolor krawata. Wyjście jest dobrze połączone, zbalansowane i dopracowane.

Alternatywnym sposobem zachowania zrównoważonej palety kolorów jest stosowanie odcieni (wersja ciemniejsza) i odcieni (wersja jaśniejsza) koloru. W ten sposób możesz poszerzyć swoje kombinacje kolorów bez przytłaczania projektu szeroką gamą kolorów.

Psychologia kolorów

Infografika kolorów emocji

Kolor jest wszędzie. Nawet jeśli tego nie zauważysz, kolory bardzo wpływają na Twój nastrój. Odgrywają również znaczącą rolę w Twoim codziennym życiu.

Pomyśl o znaku stop na dzisiejszej drodze lub o kombinacji kolorów tego, co nosiłeś w biurze, a nawet o przypisanym kolorze, który ustawiłeś dla powiadomień telefonicznych.

Kolor jest nawet używany w idiomach: „widzisz czerwony”, kiedy jesteś zły lub „czujesz się niebieski”, kiedy jesteś smutny. Jest psychologia za kolorami . Wyjaśnia, w jaki sposób mają wyjątkowy związek z tym, co myślisz i czujesz.

Trudną częścią psychologii kolorów jest fakt, że nie każdy widzi, czuje lub doświadcza kolorów w ten sam sposób.

Wiele rzeczy wpływa na symbolikę i znaczenie, które kojarzymy z kolorami - kultura i społeczeństwo to dwa główne czynniki wpływające. Dobra wiadomość jest taka, że ​​większość kolorów ma uniwersalne znaczenie.

Netto

Uniwersalne znaczenie: Kolor czerwony może wyrażać różnorodne obrazy i pomysły w zależności od kontekstu. Ponieważ kolor ognia jest głównie czerwony, może on oznaczać ciepło lub niebezpieczeństwo. Czerwień to także kolor krwi, więc często kojarzy się z życiem, miłością, a czasem z przemocą.

Zróżnicowane symbole: W niektórych kulturach kolor czerwony oznacza szczęście i sukces. Często jest kolorem rewolucji i ruchów politycznych na całym świecie.

Znakowanie kolorem: Czerwony przekazuje moc, zaufanie i pewność siebie. To jeden z najbardziej widocznych kolorów marki w większości branż i nisz.

Pomarańczowy

Uniwersalne znaczenie: Pomarańczowy to połączenie czerwieni i żółci. Jako taka może być również kojarzona z ogniem, a tym samym reprezentuje ciepło. Ma wesoły klimat, który wyraża energię i optymizm. Pomarańcza jest powszechnie kojarzona z sezonem jesiennym.

Zróżnicowane symbole: Szafran, jasnożółto-pomarańczowa przyprawa, uważany jest w Indiach za święty. Pomarańczowy to kolor miłości w Japonii.

Znakowanie kolorem: Pomarańczowy generalnie oznacza młodość i pomysłowość.

Żółty

Uniwersalne znaczenie: Żółty kojarzy się ze szczęściem i życzliwością, ponieważ jest kolorem słońca. Przedstawia także wiosnę. W pewnym kontekście żółty oznacza ostrożność. W świecie medycyny żółty często wiąże się z kwarantanną i chorobami.

Zróżnicowane symbole: Żółty jest kolorem wysokiej rangi lub królewskiej w niektórych krajach wschodnich i azjatyckich. To kolor żałoby w niektórych częściach Afryki i Ameryki Łacińskiej.

Znakowanie kolorem: Jasnożółty to kolor, który przyciąga widzów. Jednak może to przeszkadzać, jeśli jest zbyt jasne lub jest połączone z niewłaściwym kolorem.

Zielony

Uniwersalne znaczenie: Zielony to kolor natury. Kojarzy się ze wzrostem, życiem, zdrowiem i wszystkim, co organiczne. Ciemnozielony symbolizuje bogactwo i stabilność.

Zróżnicowane symbole: Zielony to święty kolor w niektórych krajach islamskich. Jest to również kolor najbardziej kojarzony z Irlandią.

Znakowanie kolorem: Zielony jest skuteczny w promowaniu marki produktu lub usługi, która ma coś wspólnego ze zdrowiem, zrównoważonym rozwojem i środowiskiem.

6 października znak zodiaku

niebieski

Uniwersalne znaczenie: Niebieski to kolor morza i nieba, więc często kojarzony jest ze spokojem, spokojem i spokojem. W pewnym kontekście niebieski jest również powiązany ze smutkiem.

Zróżnicowane symbole: Niebieski jest tradycyjnie używany do reprezentowania ochrony przed złymi istotami na Bliskim Wschodzie. W większości kultur jest to kolor najbardziej kojarzony z niebem, duchowością i nieśmiertelnością.

Znakowanie kolorem: Niebieski to jeden z najbardziej wszechstronnych kolorów brandingowych. Często jest używany do wyrażania bezpieczeństwa, niezawodności i zaufania. Kolory firmowych marek często używają niebieskiego (lub jego odcienia), ponieważ jest to również wyraz profesjonalizmu.

czarny

Uniwersalne znaczenie: Podobnie jak kolor czerwony, czarny jest złożonym odcieniem. Z jednej strony reprezentuje luksus, moc i klasę. Z drugiej strony symbolizuje śmierć, zło i nieszczęście. W ubraniu czerń zazwyczaj oznacza formalność lub smutek.

Zróżnicowane symbole: Czarny to męski kolor w niektórych częściach Azji i Ameryki Łacińskiej. Reprezentuje odrodzenie w Egipcie. W wielu kulturach czerń kojarzy się z magią i przesądami.

Znakowanie kolorem: Czarny jest prawdopodobnie najczęściej używanym kolorem marki, ponieważ ma praktycznie neutralny odcień. Ale w wielu przypadkach i przy odpowiednim kontekście kolor może nadal przekazywać wartość, którą przedstawia.

Biały

Uniwersalne znaczenie: Biel reprezentuje czystość, niewinność i dobroć. W pewnym kontekście oznacza to również sterylność i czystość.

Zróżnicowane symbole: Biały to kolor żałoby w Chinach. Oznacza również pokój lub znak poddania się w większości części świata.

Znakowanie kolorem: Biel zazwyczaj oddaje prostotę, czystość i minimalizm.

Narzędzia palety kolorów

Generatory palet kolorów mogą bardzo pomóc w określeniu, która kombinacja kolorów jest najlepsza dla projektu. Oto 40 najlepszych obecnie twórców schematów kolorów:

Materialne kolory interfejsu użytkownika

Material UI Colors to jedna z aplikacji stworzonych przez Panda Network dla projektantów, programistów i właścicieli małych firm. Aplikacja to paleta kolorów do projektowania materiałów. Witryna oferuje funkcję kopiowania i wklejania, która ułatwia proces dopasowywania kolorów.

Płaskie kolory interfejsu użytkownika

Flat UI Colors to aplikacja z paletą kolorów zaprojektowana specjalnie dla płaskich motywów interfejsu użytkownika. Witryna oferuje setki płaskich kolorów do wykorzystania w profesjonalnych projektach projektowych. Kody każdego koloru są dostępne za pośrednictwem funkcji kopiuj-wklej.

Chłodnice

Coolors to szybki i prosty generator schematów kolorów. Witryna umożliwia użytkownikom tworzenie, zapisywanie i udostępnianie palet w ciągu kilku sekund. Coolors jest dostępny jako aplikacja na iOS, dodatek Adobe lub rozszerzenie do Chrome.

Color Hunt

Color Hunt to platforma społecznościowa z paletą kolorów. Witryna zawiera wyselekcjonowaną kolekcję kolorów stworzoną przez użytkowników aplikacji. Każdy kolor jest sprawdzany i wybierany ręcznie, więc najlepsze kreacje są wyświetlane na stronie głównej witryny.

Adobe Color CC

Color CC to generator palet kolorów firmy Adobe. Pozwala użytkownikom tworzyć schematy kolorów za pomocą koła kolorów. Zawiera również tysiące kombinacji kolorów wyselekcjonowanych i stworzonych przez społeczność Kuler.

Farma kolorów

Color Farm, z kolorowym logo kurczaka, to wyjątkowy program do tworzenia schematów kolorów. Zawiera JotForm 4.0, najprostszy sposób tworzenia formularza online. Witryna zapewnia codzienne inspiracje kolorystyczne za pośrednictwem zdjęć Dribble.

Oświadczenie o kolorze

Color Claim to kolorowa inspiracja. Generator kolorów obsługiwany przez serwis Tumblr zawiera ulubione kombinacje kolorów i kody właściciela witryny. Większość palet kolorów na stronie jest subtelna z jednym kolorem głównym i jednym odcieniem akcentującym.

Kolory Neil Orange Peel

Kolory to generator palety kolorów firmy Neil Orange Peel. Witryna zawiera 12 kolorów podstawowych z różnymi kombinacjami kolorów pod każdym odcieniem. Zapewnia prostą funkcję kodu szesnastkowego „kopiuj-wklej”.

Sportowe barwy

Sporting Hues to program do łączenia kolorów, który koncentruje się głównie na kolorach sportowych. Schematy kolorów są podzielone na kategorie: NFL, NBA, MLB i EPL.

RGBto

RGBto to usługa palety kolorów, która jest podzielona na trzy zakładki: kody kolorów HTML, kolory RAL i kolory Pantone. Użytkownicy mogą użyć przycisku wyszukiwania w witrynie, aby uzyskać kod szesnastkowy dowolnego koloru lub kombinacji kolorów. Mogą również używać słów kluczowych, aby ułatwić wyszukiwanie.

Colorrrs

Colorrrs to fajny generator palet kolorów przeznaczony do profesjonalnego projektowania kolorów i marketingu. Użytkownicy mogą przeglądać setki kolorów i ich kombinacji za pomocą spacji na klawiaturze. Witryna zawiera również konwerter RGB.

Narzędzie do wybierania kolorów

Color Picker to narzędzie do palety kolorów, które umożliwia użytkownikom tworzenie, zapisywanie i używanie ich kreacji kolorów. Strona główna witryny wyświetla codziennie różne kolory z kodami szesnastkowymi.

Colordot

Colordot to aplikacja do obsługi palety kolorów zaprojektowana przez HailPixel i dostępna online oraz na iOS. Wersja strony internetowej pozwala użytkownikom poruszać myszą w przód iw tył w celu uzyskania odcienia, w górę iw dół w celu uzyskania lekkości oraz przewijania w celu uzyskania nasycenia. Wersja mobilna umożliwia użytkownikom wybieranie kolorów jednym przesunięciem i pobieranie koloru za pomocą aparatu w telefonie.

Koło kolorów

Koło kolorów to jedna z najważniejszych funkcji Adobe Color CC. Program zapewnia pomoc użytkownikom programu InDesign w tworzeniu kombinacji kolorów dla motywów. Koło może również tłumaczyć kolory do czterech różnych formatów - CMYK, RGB, HEX i Lab.

0 do255

0to255 to proste, ale genialne narzędzie do obsługi palety kolorów, które pozwala projektantom znaleźć wariacje i kombinacje kolorów, które chcą. Aplikacja jest szczególnie przydatna do znajdowania odpowiednich kolorów lub kombinacji kolorów dla najechania kursorem, obramowania i gradientów.

COLOURlovers

1 sierpnia zodiak

COLOURlovers to strona internetowa, która oferuje różnorodne produkty i usługi z palety kolorów. To społeczność skupiająca się na kolorach, w której użytkownicy mogą dzielić się swoją wiedzą i zamiłowaniem do kolorów, a także swoimi kreacjami kolorystycznymi. Podkreślane są również wzory kolorystyczne, wzory i trendy.

Kolory marki

Brand Colors to strona internetowa, na której użytkownicy mogą znaleźć kombinacje kolorów i kody popularnych marek. Twierdzi, że ma największą kolekcję palet kolorów dla oficjalnych marek na całym świecie. Użytkownicy mogą również zasugerować markę, a witryna znajdzie i poda prawidłowe kombinacje i kody pasujące do kolorów marki.

Colllor

Colllor to generator palet kolorów, który tworzy spójne palety kolorów. Oferuje użytkownikom różne warianty kolorystyczne do wyboru. Dostarcza również pomysłów na paletę kolorów, często podkreślając wewnętrzne znaczenie kolorów.

Kolor

Coleure to generator, który umożliwia użytkownikom kompleksowe zarządzanie kolorami. Aplikacja pozwala użytkownikom mieszać, porównywać, testować i edytować kolory, aby znaleźć najlepszą kombinację kolorów dla ich projektu. Aby ułatwić korzystanie z witryny, dostępne są skróty klawiaturowe.

LOLColors

LOLColors od Mackenzie Child to aplikacja na iOS dla wyselekcjonowanych palet kolorów. Aplikacja zapewnia kombinacje kolorów i inspirację dla projektantów. Kolory w kształcie łzy mają funkcję kopiuj-wklej dla kodów szesnastkowych.

Kolor Crush

Color Crush to generator palet kolorów stworzony przez projektanta fontflame.com. Witryna zawiera kombinacje kolorów i kody szesnastkowe dla amatorów i profesjonalnych projektantów. Witryna zawiera również najnowsze i najpopularniejsze kombinacje kolorów, zwane także „miażdżycami”.

Colovely

Colovely to narzędzie do tworzenia palet kolorów zaprojektowane przez nofach.com. Za pomocą spacji użytkownicy mogą przeglądać setki kombinacji kolorów i ich kodów. Witryna oferuje prostą funkcję kopiowania i wklejania w schowku.

ColorDrop

ColorDrop to internetowa aplikacja do obsługi palety kolorów. Witryna oferuje setki różnych kombinacji kolorów. Aby ułatwić nawigację, użytkownicy mogą przeglądać „Ulubione” i „Jednolite kolory” aplikacji.

Paletton

Paletton to narzędzie do tworzenia schematów kolorów stworzone, aby pomóc projektantom w tworzeniu kombinacji kolorów odpowiednich dla witryn internetowych. Aplikacja została zaprojektowana przez Petera Stanicka. Jest to związane z Colorpedią firmy Patentton - obszernym źródłem informacji o kolorach.

Trendy kolorystyczne + palety

Color Trends + Palettes to funkcja Colourlovers. To sekcja, w której społeczność może porozmawiać o „gorących” kolorach i nowych kombinacjach kolorów, głównie w modzie, designie i podróżach.

Colrd

Colrd to generator schematów kolorów, który umożliwia użytkownikom tworzenie i udostępnianie wszystkim inspiracji kolorami. Witryna zawiera obrazy i grafiki wraz z odpowiednią kombinacją kolorów i kodem. To mieszanka inspiracji artystycznych i projektowych dla początkujących i profesjonalnych projektantów.

ColorSchemer

ColorSchemer to witryna internetowa zawierająca różne programy i usługi związane z kolorami. Prezentowane produkty są dostępne głównie na urządzeniach z systemem iOS. Witryna oferuje również różne wersje ColorSchemer na komputery PC i Mac.

Bezpieczny kolor

Color Safe to strona internetowa, która generuje palety kolorów. Różni się od innych twórców schematów kolorów, ponieważ konfiguruje zarówno płótno, jak i tekst. Użytkownicy mogą wpisać kolor tła, a program dostarczy najlepsze czcionki, które uzupełnią dany odcień.

Paleta materiałów

Material Palette to przyjazny dla użytkownika generator kolorów, ikon i palet. Pozwala użytkownikom wybrać dwa kolory, z których program zapewni odpowiednie kombinacje kolorów: od ciemnych i jasnych kolorów podstawowych po kolory akcentujące i rozdzielające.

Zaprojektuj nasiona

Design Seeds to przede wszystkim kolorowy blog, na którym widzowie mogą zainspirować się kolorowymi szkicami i zdjęciami. Każde zdjęcie jest podzielone według odcienia i odcienia. Aby ułatwić nawigację, blog podzielono według kolekcji i kolorów.

Gradienty UI

UI Gradients to narzędzie do tworzenia schematów kolorów stworzone specjalnie dla gradientów. Dwa kolory tworzące gradient są kodowane. Użytkownicy mogą również dodać swój gradient lub pobrać kod CSS kombinacji.

ColorMunki

seksualność bliźniąt i lew

ColorMunki to narzędzie kolorystyczne stworzone dla projektantów i hobbystów, aby pomóc im tworzyć własne kolory i kombinacje kolorów. Od momentu uruchomienia witryna pomogła wielu niezależnym projektantom w tworzeniu projektów graficznych do ich projektów. Witryna oferuje również „Znajomość kolorów”, dział poświęcony wszystkim i wszystkim związanym z kolorami.

Piktakulum

Pictaculous to program generujący palety kolorów. Witryna, obsługiwana przez MailChimp, rozkłada kombinacje kolorów obrazu za pomocą zakodowanych seriali.

Color Snapper

Color Snapper to narzędzie do tworzenia schematów kolorów stworzone specjalnie dla systemu OS X Yosemite. Aplikacja jest przeznaczona dla programistów i grafików, dzięki czemu mogą dostosowywać, mieszać, modyfikować, zapisywać i eksportować kolory na ekranie. Aplikacja obsługuje zarówno ciemne, jak i jasne motywy kolorystyczne.

UnClrd

UnClrd to wyjątkowe narzędzie do kolorów, które pomaga projektantom zobaczyć, co widzą osoby ze ślepotą kolorów, gdy patrzą na strony internetowe i obrazy z kolorami. To wtyczka do przeglądarki, która zamienia kolorowe witryny w czarno-białe. Wtyczka jest dostępna dla przeglądarek Chrome i Firefox.

WebGradients

WebGradients to zbiór ponad 100 liniowych gradientów, których użytkownicy mogą używać jako tła treści w swoim projekcie witryny internetowej. Witryna oferuje wersje .JPG i .PNG każdego gradientu. Zawiera również pakiety dla Sketch i Photoshop.

Łyk

Sip to niezwykły generator palet kolorów. To najlepszy program do zbierania, organizowania i udostępniania kolorów i ich kombinacji. Ma wersje bezpłatne i płatne i jest dostępny na SETAPP i na iOS.

Kolor dnia

The Day’s Colour oferuje codziennie różne palety kolorów. Witryna ma na celu zainspirowanie projektantów wykorzystujących kombinacje kolorów, które można zobaczyć na co dzień w różnych sztukach, muzyce, obrazach, projektach, a nawet we wspomnieniach.

Subtelne wzory

Subtle Patterns firmy Toptal to kolekcja palet kolorów, z których każdy może bezpłatnie korzystać w swoich witrynach internetowych lub projektach, pod warunkiem odnotowania odpowiednich kredytów. Użytkownicy mogą również tworzyć własne motywy wzorców na podstawie tych przedstawionych na stronie.

DeGraeve

DeGraeve to witryna internetowa wypełniona programami i aplikacjami do projektowania. Posiada przyjazny dla użytkownika generator palety kolorów. Użytkownicy mogą wprowadzić adres URL obrazu, który chcą podzielić. Witryna dostarczy wtedy zdjęcia kombinacje kolorów i kody.

Podziel Się Z Przyjaciółmi:

Najnowsze Wiadomości

Popularne Artykuły