Auswahl an Farbkombinationen online. Farbkreis

Die Wahl eines Farbschemas für eine Website ist eine davon wichtige Punkte im Designprozess. Die Auswahl einer Farbkombination ist recht komplex und kreativer Vorgang. Glücklicherweise gibt es viele Dienste, die Sie maßgeblich dabei unterstützen können, die richtige Wahl zu treffen.

Einige der in dieser Rezension erwähnten Ressourcen bieten eine Auswahl an große Menge fertige Farbschemata, während andere es Ihnen ermöglichen, interaktiv Ihr eigenes Schema zu erstellen.

Kühler

Adobe Kuler enthält eine große Bibliothek vorgefertigter Farbschemata. Sie können das Diagramm online ansehen und zur Verwendung in Adobe Creative Suite-Produkten herunterladen.

Color Lovers verfügt derzeit über fast 2 Millionen von Benutzern erstellte Farbschemata. Sie können sie nach Datum, Bewertung und Anzahl der Aufrufe sortieren.

ColoRotate verfügt über eine Bibliothek mit vorgefertigten Farbschemata. Sie können mit einem einzigartigen 3D-Tool auch Ihr eigenes Diagramm erstellen. Das Farbschema kann mit dem ColoRotate-Plugin direkt in Photoshop und Fireworks verwendet werden.

Mit Color Scheme Designer können Sie die Art des Farbschemas auswählen (Mono, Komplementär, Dreiklang, Tetrade, Analog). Anschließend können Sie die Farben anpassen und anhand eines Beispiels die Wirkung des Schemas sehen.

ColorSchemer verfügt über eine große Bibliothek mit vom Benutzer erstellten Farbschemata. Sie können sie nach Veröffentlichungsdatum, Bewertung oder Anzahl der Downloads sortieren.

Pictaculous ist ein einfaches Online-Tool zur Erstellung von Farbschemata. Sie können ein Bild hochladen und der Dienst generiert ein Diagramm zur Verwendung mit dem Bild.

Farbturm

Color Spire ist ein sehr einfach zu bedienender Dienst. Sie wählen eine Grundfarbe und dieser schlägt ein Farbschema vor. Sie können auch sehen Aussehen Diagramme auf einer einfachen Vorlage.

Farbauswahl – eine davon die wichtigsten Etappen dabei, gutes Design zu schaffen.

Um Ihnen die Arbeit zu erleichtern, haben wir uns entschieden, eine Auswahl bestehend aus beste Dienstleistungen Farbschemata zu erstellen. Sie helfen Ihnen, Zeit zu sparen und trotzdem gute Ergebnisse zu erzielen.

01. Adobe Color CC

Adobe hat sein Kuler-Projekt in Color umbenannt

Möglicherweise kennen Sie dieses Tool unter seinem früheren Namen – Adobe Kuler. Allerdings hat Adobe erst kürzlich eine seiner beliebten Webanwendungen in Adobe Color CC umbenannt.

Sie können damit verschiedene Farbschemata auswählen, erstellen und speichern, die jeweils bis zu fünf Farben enthalten können. Das Tool ist sowohl als Browser- als auch als Desktop-Version verfügbar. Wenn Sie die Desktop-Version verwenden, können Sie Ihr Farbschema direkt in Photoshop, Illustrator und InDesign exportieren.

02. Mudcube Farbkugel

Wenn Sie sich bezüglich Ihres Farbschemas nicht sicher sind, verfügt Mudcude über eine eigene Galerie mit vorgefertigten Assets

Mudcube Color Sphere ist eine sehr praktische Miniaturressource für Designer, die nicht nur Hex-Codes für ausgewählte Farben bietet, sondern Ihnen auch die Erstellung von Farbschemata für Ihre eigenen Projekte ermöglicht. Erwähnenswert ist auch, dass Mudcube über eine eigene Galerie mit vorgefertigten Ressourcen verfügt, die ebenfalls verwendet werden können.

03. Überprüfen Sie meine Farben

Check my Colors wurde speziell für die Bewertung und Auswahl der Hintergrund- und Vordergrundfarbkombination für alle DOM-Elemente entwickelt. Und auch um herauszufinden, ob die Elemente ausreichend harmonisch miteinander harmonieren. Alle Tests basieren auf vom World Wide Web Consortium empfohlenen Algorithmen ( W3C).

04. Die Farb-App

Die Anwendung hilft Ihnen dabei, die RGB-, HEX- und HSLA-Werte der ausgewählten Farben herauszufinden

iOS-Tool The Color App ermöglicht Ihnen eine einfache und einfache Farbbestimmung anhand einer großen Farbpalette. Es ermöglicht Ihnen, die RGB-, HEX- und HSLA-Werte von Farben herauszufinden und Ihre eigenen Farbschemata für die Site zu erstellen.

05. Farbjäger

Color Hunter generiert ein Farbschema basierend auf dem ausgewählten Bild

Das ist sehr handliches Werkzeug, insbesondere wenn Sie eine bestimmte Farbe finden müssen. Wählen Sie ein Bild aus und laden Sie es auf Color Hunter hoch. Das Tool erstellt eine Farbpalette basierend auf dem ausgewählten Bild. Dies ist eine großartige Methode zum Erstellen eigener Farbschemata.

06.TinEye

Wenn Sie eine bestimmte Farbe benötigen, geben Sie einfach den HEX-Wert in die URL ein

Diese Website nutzt eine Datenbank mit 10 Millionen Bildern, die unter einer Creative Commons-Lizenz kostenlos verfügbar sind und die die Ersteller sorgfältig von Flickr zusammengestellt haben. Mit diesen lassen sich entsprechende Farbschemata generieren.

07. Farbe

Praktische Miniatur-Webanwendung. Bewegen Sie die Maus über den Bildschirm und wählen Sie die gewünschte Farbe aus. Scrollen Sie dann ein wenig, um den Farbton auszuwählen. Anschließend generiert das Tool alle erforderlichen HEX-Codes, die verwendet werden können eigene Projekte. Eines der am einfachsten zu verwendenden Tools.

08. SpyColor.com

Kostenloser Farbschema-Generator, der Farbinformationen bereitstellt und es Ihnen auch ermöglicht, diese in ein beliebiges Schema umzuwandeln ( RGB, CMYK und andere ). Hier stehen verschiedene Farbschemaformate zur Verfügung, darunter Prozess-, Monochrom- und mehr.

09.Design-Inspiration

Bei Designspiration können Sie bis zu fünf Farbtöne mit einer praktischen ganzseitigen Palette auswählen, die es Ihnen leicht macht, genau die HTML-Farbschemata zu finden, die Sie suchen. Die Site erstellt dann eine Seite mit allen Bildern in der Datenbank, die eine ähnliche Farbkombination verwenden. Es werden auch HEX-Werte bereitgestellt, die Sie in Ihren eigenen Projekten verwenden können. Und Bilder können in Sammlungen auf der Website gespeichert werden.

10.ColorExplorer

Eines der ausgefeiltesten Web-Tools, das viele Funktionen im Zusammenhang mit Design, Anpassung und Farbschemaanalyse bietet. Hier sind einige Tools, die Ihnen bei der Bestimmung helfen WCAG-Gültigkeit von Farbschemata, und generieren Sie auch Ihre eigenen Farbpaletten.

11. Hex-Farbschema-Generator

Ein praktisches kleines Tool zum Generieren einer Farbkombination basierend auf einem ausgewählten Farbton. Geben Sie den Hex-Wert der Farbe ein und das Tool stellt einen Satz bereit passende Farben, das zusammen mit dem Hauptgerät verwendet werden kann.

12. FARBENliebhaber

COLOURlovers ist eine Community zum Teilen von Farbschemata. Hier können Sie sich von den Farbsets anderer Benutzer inspirieren lassen sowie eigene erstellen und teilen.

13. Farbschema-Designer

Dieses Online-Tool bietet interessante Wege Generieren von Farbschemata, sodass Sie deren Helligkeit und Kontrast anpassen können. Hier können Sie mehrere beliebte mathematische Modelle für Farbschemata erstellen, einschließlich Monochrom.

14. COPASO

Eines der Tools von der COLOURlovers-Website. Aber COPASO verdient besondere Aufmerksamkeit, da es eine unglaubliche All-in-One-Lösung ist und es Ihnen ermöglicht, ganz einfach vorgefertigte Farbschemata für die Website zu erstellen. Hier stehen zahlreiche Farbauswahltools zur Verfügung, die alle in einer benutzerfreundlichen und einfachen Benutzeroberfläche untergebracht sind. Darüber hinaus können Sie Notizen zu den Paletten hinzufügen, Bilder hochladen usw.

15. Farbmod

Colourmod repräsentiert Software, mit dem Sie einzelne Farben aus dem Widget-Bereich auswählen können, unabhängig davon, ob Sie einen Mac oder Konfabulator unter Windows verwenden. Dies ist kein sehr einfaches Tool zum Arbeiten mit Farbpaletten, aber es hilft Ihnen, Farben schnell und einfach zu bestimmen, ohne umfangreiche Programme herunterladen zu müssen.

16. ColorZilla

ColorZilla ist sowohl für Chrome als auch für Firefox verfügbar

Dieses Projekt begann als Plugin für Firefox, ist aber heute auch für Google Chrome verfügbar. ColorZilla ist eine Erweiterung, die mehrere Werkzeuge für die Arbeit mit Farben enthält, darunter eine Palette, einen CSS-Verlaufsgenerator und eine Pipette.

17. Colormunki

Ein praktisches Online-Tool zur Auswahl von Farbschemata der Entwickler von Colormunki. Es ermöglicht Ihnen, mit mehreren Techniken auf einfache Weise auffällige Farbpaletten aus Pantone-basierten Farbfeldern zu erstellen.

18.colr.org

Mit Colr.org können Sie den Farbbereich jedes Bildes festlegen

Dieses Tool ermöglicht eine detaillierte Analyse der Bildfarben, die in anderen Tools normalerweise automatisiert wird. Dadurch können Sie die am besten geeignete Farbe auswählen. Wir empfehlen, dieses Tool auszuprobieren, obwohl seine Benutzeroberfläche nicht so ausgefeilt ist wie die anderer Apps.

19. ColourGrab

Dieses praktische Tool erstellt Farbpaletten aus jedem Bild. Geben Sie die URL des Bildes ein, das Sie analysieren möchten, und der Dienst generiert automatisch ein 3D-Diagramm mit Informationen zu den verwendeten Farben. Obwohl diese Anwendung nicht ganz für die Auswahl eines Farbschemas für eine Website geeignet ist, kann sie zum Studium von Bildern und ihren Farbeigenschaften verwendet werden.

20.ColorBlender

ColorBlender generiert eine Palette mit fünf passenden Farben

Eines der einfachsten Tools, mit dem Sie Farben anpassen und fünf Farben erhalten können, die in Echtzeit miteinander kombiniert werden. Die generierte Palette kann in Photoshop oder Illustrator als EPS-Datei heruntergeladen werden.

21. GrayBit

Mit GrayBit ​​können Sie Websites analysieren, um zu verstehen, wie sie in Graustufen aussehen würden

Mit diesem Tool können Sie sehen, wie Ihre Website in Grautönen aussieht. Ein ausgezeichneter Service, der dabei hilft, problematische Bereiche im Gegensatz dazu zu identifizieren.

22. COLRD

Ein Tool, das als Inspirationsquelle oder zum Teilen von Farbschemata verwendet werden kann. Natürlich hilft diese Ressource nicht bei der Erstellung von Schemata, aber Sie sollten sie unbedingt zur Kenntnis nehmen.

23. Shutterstock-Spektrum

Bilder können nach Farbbalance und Helligkeit gefiltert werden

Manchmal lässt sich am einfachsten überprüfen, ob ein Farbschema zusammenpasst, indem man sich Archivbilder ansieht. Fast alle großen Aktienseiten bieten ähnliche Tools an, aber Shutterstock Spectrum verfügt über eine sehr benutzerfreundliche Oberfläche. Nachdem Sie den Schieberegler zum Definieren der Farben verwendet haben, können Sie Schlüsselwörter angeben, die dabei helfen, das Thema der Fotos zu bestimmen. Darüber hinaus können Sie Bilder nach Farbbalance und Helligkeit filtern.

Ein kleines, elegantes und übersichtliches Farbauswahlprogramm zum Entwerfen von HTML-Seiten und anderen Aufgaben, bei denen die Auswahl passender Farben erforderlich ist.

Mal sehen, was dieses Programm kann.

Farbpunkteinstellung

Da das Programm keine Installation erfordert, speichern wir das Archiv einfach unter Festplatte, entpacken Sie es an einen geeigneten Ort, öffnen Sie den Ordner und führen Sie die Datei mit der exe-Erweiterung aus. Standardmäßig startet das Programm als kleine Schaltfläche:

Arbeiten mit dem Programm

Klicken Sie auf dieses Symbol und das Programmfenster öffnet sich vor uns:

Bildschirm

Auf dieser Registerkarte können Sie mit dem Programm jede beliebige Farbe direkt vom Bildschirm „übernehmen“. Das heißt, von jedem Teil des Bildschirms aus, der zum Zeitpunkt des Programmstarts sichtbar war. Der gesamte Bildschirm wird im Fenster „Site auswählen“ verkleinert angezeigt.

Wenn Sie in diesem Fenster auf einen beliebigen Teil klicken, erscheint dieser im nächstkleineren Fenster „Farbe auswählen“. Hier können Sie genauer zielen und die Farbe von einem bestimmten Punkt aus aufnehmen.

Außerdem befinden sich auf der rechten Seite dieses Fensters Hilfsschaltflächen zum Kopieren in die Zwischenablage und unten die Schaltflächen „Aktualisieren“ (aktualisiert den Bildschirminhalt) und „Übernehmen“ (speichert die ausgewählte Farbe und schaltet das Fenster auf „ Registerkarte „Auswahl“).

Auswahl

Hier sind die wichtigsten Werkzeuge zur komfortablen Farbauswahl: „Kachel“, „Kreis“, „Web“ und „Win“, die über zusätzliche Registerkarten umgeschaltet werden.

Die Arbeit mit diesen Tools ist nicht schwierig. Zeigen Sie einfach mit der Maus auf die Farbe, die Ihnen gefällt, passen Sie sie mit den RGB-Schiebereglern (oder HSV – wenn Ihnen dieses Format näher kommt) an und prüfen Sie, ob sie zu Ihnen passt oder nicht.

Wenn Ihnen die ausgewählte Farbe gefällt, können Sie deren Code aus der Zeile „Textdarstellung“ kopieren. Darüber hinaus kann der Code auch in einem der Standardformate ausgewählt werden, indem Sie auf den kleinen Pfeil klicken, um die Liste zu erweitern.

Beachten Sie auch das dritte Farbfeld in der oberen rechten Ecke. Zusätzlich zur ausgewählten Farbe (vertikaler Streifen) werden drei weitere Farben angezeigt, die gut zur ausgewählten Farbe passen.

So schlägt das Programm sofort mehrere passende Farben vor, die in anderen Elementen des entworfenen Designs verwendet werden können.

Das Programm verfügt über eine ganze Reihe verschiedener Hilfstasten. Um ihren Zweck herauszufinden, fahren Sie einfach mit der Maus darüber und lesen Sie die Tipps, die ganz unten im Programmfenster angezeigt werden.

Einstellungen

Hier können Sie einige Parameter wie Schriftart und -größe sowie einige kosmetische Eigenschaften des Programms anpassen. Das Arbeiten mit dem Programm wird komfortabler, wenn Sie die Kontrollkästchen „Auf der Registerkarte „Bildschirm“ öffnen“ und „Im Minifenstermodus ausführen“ deaktivieren.

Über das Programm

Auf dieser letzten Registerkarte können Sie die Kontakte des Entwicklers finden und sehen, ob der eine neue Version Besuchen Sie dazu die Website des Programms.

Vor- und Nachteile des Programms

• es gibt viele verschiedene Werkzeuge zur Farbauswahl (Kreis, Kachel usw.);
• ermöglicht Ihnen einen bequemen Farbvergleich, indem Sie das Programmfenster in die Nähe anderer Bildschirmelemente verschieben;
• Für alle Tasten gibt es Tipps.

• etwas knifflige Benutzeroberfläche;
• Das Starten in minimierter Form und auf der Registerkarte „Bildschirm“ ist nicht sehr praktisch (obwohl Sie dies in den Einstellungen deaktivieren können);
• Die Farbe des Programmfensters wird nicht jedem gefallen.

Schlussfolgerungen

Das Programm ist für ein kostenloses Programm ziemlich leistungsstark und bietet fast alles, was Sie zur bequemen Auswahl von Farben beim Erstellen eines Website-Designs benötigen. Es gibt einige kleinere Nachteile wie die Farbe des Programmfensters (lila ist Geschmackssache), die jedoch die Arbeit damit nicht beeinträchtigen.

P.S. Das freie Kopieren und Zitieren dieses Artikels ist gestattet, sofern ein offener aktiver Link zur Quelle angegeben wird und die Urheberschaft von Ruslan Bogdanov gewahrt bleibt.

P.P.S. Wenn Ihnen das Programm kompliziert vorkommt, gibt es einfachere Möglichkeiten:

Wir stellen vor nützliches Werkzeug zur Auswahl Farbspektrum- Ittens Farbkreis.

Was ist das?

Kurz gesagt handelt es sich dabei um drei auf derselben Achse angeordnete Scheiben, auf deren Oberflächen alle Grundfarben des Lichtspektrums sowie die maximal mögliche Anzahl an Farbtönen und eine Kontrastskala dargestellt werden.

Die relative Anordnung von Farben, Schattierungen, Schlitzen und Indikatoren auf dem Kreis erfolgt gesetzeskonform „Koloristik“ (Farbtheorien) Daher ist es mit seiner Hilfe sehr praktisch, bei Bedarf harmonische Farbkombinationen auszuwählen.

Das heißt, es handelt sich tatsächlich um einen „lebenden“ Material-Spickzettel, auf dem alle wichtigen Farbschemata angezeigt werden. „Live“, weil man es im Gegensatz zum Bild auf dem Bildschirm aufnehmen kann.

Farbradgerät

Kaufen

Natürlich müssen Sie wissen, wie man ein solch scheinbar komplexes Gerät bedient. Auf unserer Website können Sie also nicht nur ein Farbrad kaufen, sondern sich auch ausführlich mit seinem Aufbau vertraut machen, Gebrauchsanweisungen lesen und verschiedene Videos ansehen Zu diesem Thema.

Wir empfehlen Ihnen außerdem, sich mit dem Online-Service zur Farbauswahl für Kleidung vertraut zu machen.

Kreis zur Auswahl von Farbkombinationen

Der Vorgänger dieses Geräts in seiner moderne Form ist der Itten-Farbring (siehe Bild unten).

Es war Johannes Itten, der als Erster genau zwölf Farben aus dem gesamten Spektrum heraussuchte und sie um einen Kreis herum so anordnete, dass die möglichst kontrastierenden Paare einander gegenüberstanden. In der Mitte platzierte er ein Dreieck mit den drei Grundfarben Rot, Blau und Gelb (aus ihnen können alle anderen durch Mischen gewonnen werden). unterschiedliche Proportionen). Itten schloss dieses Dreieck in ein Sechseck ein, in dem er angab, welche Farbtöne man durch Mischen von Primärfarben in gleichen Anteilen erhalten würde.

Das heißt, die erste Informationsbotschaft, die ein solches Layout vermittelt, richtet sich an angehende Künstler – sie können die Ergebnisse des Mischens verschiedener Farben deutlich erkennen.

Schauen wir uns diesen Punkt etwas genauer an...

Warum gibt es zwölf Grundfarben?

• Wie Sie in der obigen Abbildung sehen können, ist dies der Fall drei primär Farben (auch Primärfarben genannt).
• Wenn Sie sie paarweise zu gleichen Anteilen mischen, erhalten Sie drei sekundär, insgesamt - sechs.
• Mischung primär mit einem Nachbarn im Kreis sekundär gibt Tertiär- Farbe. Dies ergibt sechs weitere Kombinationen, also insgesamt – zwölf.(Tertiärfarben können auch durch Mischen von Primärfarben in ungleichen Anteilen erhalten werden)

Natürlich reichen zwölf Farben nicht aus, um sich in der umgebenden Farbvielfalt zurechtzufinden und den gewünschten Farbton zu finden oder zu sehen, was passiert, wenn nicht benachbarte, sondern völlig beliebige Farben gemischt werden. Daher sind die Kreise, die Sie auf dieser Website zum Verkauf oder zur Bestellung finden, komplexer und enthalten viel mehr nützliche Informationen als ein einfacher „zwölfteiliger Itten-Ring“.

Anleitung zum Mischen von Farben

Mit seiner Hilfe können Sie das Ergebnis des Mischens beliebiger Farben und Farbtöne bestimmen – die Anzahl der Kombinationen reicht aus, damit der Künstler versteht, welche Farben gemischt werden müssen, um einen bestimmten Farbton zu erhalten. Dies ist eine wunderbare Zeichenhilfe, insbesondere für Anfänger.

Auch wenn der Farbton geringfügig vom gewünschten Farbton abweicht, kann das gewünschte Ergebnis durch Änderung der Anteile der gemischten Farben erzielt werden.

Wie können dieselben Proportionen bestimmt werden? Ist es wirklich zufällig? Nein, auch hier kann das Farbrad helfen.

Sättigungsskala

Diese Skala befindet sich auf derselben Seite wie die Mischhilfe, da die beiden Funktionen zusammenarbeiten.

Die Sättigungsskala ist eine Abstufung der Grautöne von Schwarz nach Weiß. Aus den auf der Skala dargestellten Grauzellen unterschiedlicher Helligkeit können Sie immer einen Grauton finden, der in der Sättigung dem gewünschten Farbton möglichst nahe kommt. Danach wird klar, wie stark Sie die Farbe abdunkeln oder aufhellen müssen.

Um zu verstehen, wie dies praktisch geschieht, schauen Sie sich dieses Video an:

Farbkombinationsschemata

Die Rückseite der Diskette enthält nicht weniger nützliche Informationen und vielleicht sogar noch mehr – sie hilft bei der Auswahl von Farbkombinationen basierend auf dem gewählten Schema.

Ein Farbkombinationsschema ist eine Figur, im einfachsten Fall eine Linie, die zueinander „passende“ Farben verbindet. Der Wortlaut ist sehr vage, da die Auswahl der chromatischen Tonleiter sowohl eine Wissenschaft als auch eine Kunst ist.

Erstens ist Harmonie oder Disharmonie der Farben sehr wichtig subjektives Konzept. Wie sie sagen: „Es gibt keinen Freund, der dem Geschmack entspricht.“

Zweitens, ob sie „geeignet“ oder „unangemessen“ sind – es hängt alles davon ab spezifische Situation, Stimmung, darauf, was der Künstler oder Designer genau sagen möchte, auf den Stil, in dem es vorgetragen wird diese Arbeit, egal ob Sie ein Element hervorheben müssen oder umgekehrt – machen Sie es unsichtbar.

Das Farbrad ist ein Werkzeug, mit dem Sie alle wichtigen Farbschemata visuell darstellen können. Sie müssen jedoch wissen, wie Sie dieses Werkzeug verwenden. Sie sollten selbst wissen oder zumindest spüren, welches der Schemata für Ihre Aufgabe am besten geeignet ist. Wir werden unsererseits versuchen, auf dieser Website so viele nützliche Informationen wie möglich über die Verwendung des Farbkreises zu veröffentlichen (siehe Abschnitt