Erstellen Sie ein Farbschema. Farbkreis. Farbpunkteinstellung

Leute, wir haben unsere Seele in die Seite gesteckt. Dank dafür
für die Entdeckung dieser Schönheit. Danke für die Inspiration und Gänsehaut.
Begleiten Sie uns auf Facebook und In Kontakt mit

Schema Nr. 1. Komplementäre Kombination

Komplementär oder zusätzlich kontrastierend sind Farben, die sich auf gegenüberliegenden Seiten des Itten-Farbkreises befinden. Ihre Kombination wirkt sehr lebendig und energisch, besonders bei maximaler Farbsättigung.

Schema Nummer 2. Triade - eine Kombination aus 3 Farben

Die Kombination von 3 Farben, die im gleichen Abstand voneinander liegen. Bietet hohen Kontrast bei gleichzeitiger Wahrung der Harmonie. Eine solche Komposition sieht auch bei Verwendung von blassen und entsättigten Farben recht lebendig aus.

Schema Nr. 3. Eine ähnliche Kombination

Eine Kombination aus 2 bis 5 Farben, die auf dem Farbkreis nebeneinander angeordnet sind (idealerweise 2-3 Farben). Eindruck: ruhig, entspannend. Ein Beispiel für eine Kombination ähnlich gedeckter Farben: Gelb-Orange, Gelb, Gelb-Grün, Grün, Blau-Grün.

Schema Nr. 4. Getrennt-komplementäre Kombination

Eine Variante einer komplementären Farbkombination, nur dass anstelle der Gegenfarbe die daneben liegenden Farben verwendet werden. Die Kombination aus der Hauptfarbe und zwei weiteren. Dieses Schema sieht fast so kontrastreich aus, aber nicht so angespannt. Wenn Sie sich nicht sicher sind, ob Sie komplementäre Kombinationen richtig verwenden können, verwenden Sie getrennt-komplementäre.

Schema Nummer 5. Tetrad - eine Kombination aus 4 Farben

Ein Farbschema, bei dem eine Farbe die Hauptfarbe ist, zwei sich ergänzen und eine andere die Akzente hervorhebt. Beispiel: blau-grün, blau-violett, rot-orange, gelb-orange.

Schema Nummer 6. Quadrat

Kombinationen einzelner Farben

• Weiß: passt zu allem. Die beste Kombination mit Blau, Rot und Schwarz.
• Beige: mit Blau, Braun, Smaragd, Schwarz, Rot, Weiß.
• Grau: mit Fuchsia, Rot, Lila, Pink, Blau.
• Pink: mit Braun, Weiß, Mintgrün, Oliv, Grau, Türkis, Babyblau.
• Fuchsia (dunkelrosa): mit Grau, Hellbraun, Limette, Minzgrün, Braun.
• Rot: mit Gelb, Weiß, Braun, Grün, Blau und Schwarz.
• Tomatenrot: blau, mintgrün, sandig, cremeweiß, grau.
• Kirschrot: Azurblau, Grau, Hellorange, Sand, Hellgelb, Beige.
• Himbeerrot: Weiß, Schwarz, Damastrosa.
• Braun: Hellblau, Creme, Pink, Rehbraun, Grün, Beige.
• Hellbraun: hellgelb, cremeweiß, blau, grün, lila, rot.
• Dunkelbraun: Zitronengelb, Himmelblau, Minzgrün, Purpurrosa, Limone.
• Rotbraun: rosa, dunkelbraun, blau, grün, lila.
• Orange: blau, blau, lila, lila, weiß, schwarz.
• Hellorange: grau, braun, oliv.
• Dunkelorange: hellgelb, oliv, braun, kirschrot.
• Gelb: blau, lila, hellblau, lila, grau, schwarz.
• Zitronengelb: Kirschrot, Braun, Blau, Grau.
• Blassgelb: Fuchsia, Grau, Braun, Rottöne, Hellbraun, Blau, Lila.
• Goldgelb: grau, braun, azurblau, rot, schwarz.
• Olive: orange, hellbraun, braun.
• Grün: Goldbraun, Orange, Salat, Gelb, Braun, Grau, Creme, Schwarz, Cremeweiß.
• Salatfarbe: braun, hellbraun, rehbraun, grau, dunkelblau, rot, grau.
• Türkis: Fuchsia, Kirschrot, Gelb, Braun, Creme, Dunkelviolett.
• Elektriker ist schön in Kombination mit Goldgelb, Braun, Hellbraun, Grau oder Silber.
• Blau: rot, grau, braun, orange, pink, weiß, gelb.
• Dunkelblau: Hellviolett, Himmelblau, Gelbgrün, Braun, Grau, Hellgelb, Orange, Grün, Rot, Weiß.
• Flieder: orange, rosa, dunkelviolett, oliv, grau, gelb, weiß.
• Dunkelviolett: goldbraun, blassgelb, grau, türkis, mintgrün, hellorange.
• Schwarz ist vielseitig, elegant, sieht in allen Kombinationen aus, am besten mit Orange, Pink, Salat, Weiß, Rot, Lila oder Gelb.

Professionelles Webdesign ist nicht vollständig, ohne ein Farbschema zu erstellen. In diesem Artikel geht es um 20 fantastische Tools, die Ihnen helfen, die perfekte Farbabstimmung zu erzielen.

Es gibt viele Tools im World Wide Web, um das Farb-Nirwana zu erreichen. Sie scheinen völlig unterschiedlich zu sein, aber viele von ihnen sind nur modifizierte Versionen populärerer und nützlicherer Tools.

Um die Farbauswahl zu vereinfachen, haben wir die 20 besten verfügbaren Tools zusammengefasst. Sie helfen Ihnen, sich bei der Suche nach einer geeigneten Option nicht verwirren zu lassen und die „Farbglückseligkeit“ zu spüren.

01. Kuler

Kuler ist vielleicht das bekannteste Farbwerkzeug.

Adobe Kuler ist wohl das beliebteste Online-Tool für Farbthemen, das sich von einem einfachen Online-Farbtool zu einer vollständigen Ressource zum Erstellen von Themen und zum Teilen mit anderen entwickelt hat. Plugins sind für alle wichtigen Adobe-Anwendungen verfügbar, einschließlich Photoshop, Illustrator und InDesign, was Kuler zu einem großartigen Tool mit vielen Funktionen für normale Benutzer der Creative Suite macht.

02. Farbexplorer

ColorExplorer kann viele verschiedene Funktionen ausführen.

Wir können sagen, dass dies eines der durchdachtesten Tools im Internet ist. Es bietet eine große Auswahl an Werkzeugen zum Entwerfen, Anpassen und Analysieren Ihrer Farbpaletten. Zum Beispiel Tools, die helfen, die Zugänglichkeit zu bestimmen WCAG Farbwähler, Konvertierungswerkzeuge, mit denen Sie zwischen verschiedenen Systemen wechseln können, und alles, was Sie zum Auswählen einer Farbe und zum Erstellen von Paletten benötigen.

03. Farben im Web

Farben im Web wird von Flash unterstützt.

Colors on the Web lädt solide HEX- oder RGB-Farben und erzeugt eine Reihe von Schemata, die auf verschiedenen mathematischen Proportionen basieren. Dieses Tool funktioniert nicht auf iPad oder iPhone, da es Flash verwendet, um das Programm auszuführen.

04. Farbliebhaber

COLOURlovers ist ein bisschen wie Pinterest für Farbe

05. Bildhaft

Mit Pictaculous können Sie ein Bild hochladen und darauf basierend ein Farbschema erstellen.

Mit diesem Tool von den Machern von MailChimp können Sie ein Bild hochladen und ein Farbschema basierend auf seinen eigenen Farben erstellen. Es ist mit einigen anderen Instrumenten wie Kuler und Colourlovers kompatibel. Pictaculous verfügt über ein praktisches Adobe Swatch, das Sie mit Themen laden können, sodass Sie schnell und einfach „die Farben erfassen“ können, die Sie zur Fertigstellung Ihres Fotos benötigen.

06. Kontrast-A

Kontrast-A erzeugt eine Imitation verschiedener Sehfehler.

Dies ist kein typisches Farbschema-Tool. Es wurde entwickelt, um sicherzustellen, dass Sie ein WCAG-konformes Farbschema erstellt haben, dies geschieht durch eine Vorschau der Kontraststufen und die Verwendung der Technik zur Simulation mangelnder Farbwahrnehmung und geringer Sichtbarkeit. Contrast-A hat viele Links zu Handbüchern, die alles benutzerfreundlicher erklären als das Spezifikationsdokument selbst.

07. Farbe Rotieren

ColoRotate verfügt über eine schöne „Farbrad“-Visualisierung

ColoRotate hat ähnliche Funktionen wie Kuler, unterscheidet sich jedoch durch die Anzeige der Palette auf einem schönen 3D-Kegel und die Fähigkeit, mehr als 5 Farben in einem Schema zu erzeugen. Das Tool kann in einige Creative Suite-Anwendungen integriert werden. Es ist auch als iPad-App verfügbar und kann mit Photoshop im Farbkonsolenmodus arbeiten.

08. Hex-Farbschema-Generator

HEX erstellt Farben, die gut zum bestehenden Farbschema passen.

HEX ist ein praktisches kleines Werkzeug zum Generieren von Farben. Geben Sie einfach einen Farbcode ein und es wird eine Reihe schöner Farben angezeigt, die perfekt zu Ihren Grundfarben passen.

09. Farbschema-Designer

Der Farbschema-Designer bietet einige interessante Möglichkeiten zum Erstellen von Farbthemen.

Dieses Online-Tool hat ähnliche Funktionen wie Adobe Kuler. Aber dank interessanter Tricks zum Erstellen von Farbthemen können Sie Helligkeits- / Sättigungs- und Kontrastparameter aus den Eigenschaften des Schemas auswählen, anstatt an den einzelnen Farben zu „basteln“, aus denen das Thema besteht. Color Scheme Designer bietet Zugriff auf eine Reihe von mathematischen Standardmethoden, einschließlich der Möglichkeit, das Farbschema eines Designs für ein einzelnes zu harmonisieren (Mono), zwei (ergänzen), drei (Dreiklang) oder vier (Tetrade) Farben mit Schattierungen und Halbtönen.

10. COPASO

COPASO ist ein hervorragendes Werkzeug, um mehrere Probleme gleichzeitig zu lösen.

Eines der Website-Tools Farbliebhaber, COPASO verdient besondere Aufmerksamkeit, da es Ihnen ermöglicht, viele Probleme beim Erstellen von Paletten gleichzeitig zu lösen. Es bietet einen vollständigen Satz von Farbauswahlwerkzeugen in einer einfachen Benutzeroberfläche. Sie können damit Paletten markieren, Bilder hochladen, direkt zu CMYK-Links springen und auswählen, wie Sie Ihr Farbschema erstellen möchten.

11. Farbmod

Das Colourmod-Desktop-Widget hilft Ihnen, Farben einfach auszuwählen und zu definieren.

Colourmod ist ein Desktop-Tool, mit dem Sie einfach eine der Farben in der Zone auswählen können, in der sich die Widgets befinden, selbst wenn Sie mit Dashboard für MacBook oder Konfabulator für Windows arbeiten. Colourmod selbst ist kein Werkzeug zur Palettenauswahl, kann aber dennoch zum Auswählen und Definieren einer Farbe verwendet werden. In diesem Fall müssen Sie keine anderen schwereren Programme ausführen.

12. ColorZilla

ColorZilla funktioniert in Chrome und Firefox.

Diese Anwendung wurde ursprünglich als Plugin für Firefox entwickelt, kann aber auch im Google Chrome-Browser verwendet werden. ColorZilla ist eine Erweiterung mit unzähligen verschiedenen Werkzeugen für die Arbeit mit Farbe, darunter: Farbwähler, Pipette, Erstellung von CSS-Verläufen und Palettenbetrachter.

13. Colormunki

Mit Colormunki können Sie ein Farbschema basierend auf Pantone-Farbfeldern erstellen.

Ein praktisches Online-Tool zur Farbkalibrierung, das von den Machern von Colormunki eingeführt wurde. Sie können Paletten basierend auf Pantone-Farbmustern online erstellen und verschiedene Tricks anwenden, um ansprechende Kombinationen zu finden.

14.colr.org

Mit Colr.org können Sie den Farbbereich Ihrer Bilder sehen.

Dieses einfache Tool bietet eine einzigartige Möglichkeit, das Farbschema eines Bildes zu analysieren (in anderen Programmen wird diese Funktion automatisch ausgeführt). Auf diese Weise können Sie sehen, aus welchen Farben Ihr Bild besteht, und diejenigen auswählen, die Sie als Hauptfarben des Themas festlegen möchten.

15. Farbe greifen

ColourGrab ist ein großartiger Generator für kompakte Bildfarbschemata.

Dieses praktische Tool erstellt eine Farbpalette basierend auf einem beliebigen Bild im Internet. Geben Sie einfach die Adresse des Bildes ein, das Sie analysieren möchten, die Website "greift" es, bestimmt sein Farbschema und erstellt ein einfaches 3D-Diagramm, das die Verwendung verschiedener Farben für dieses Bild zeigt. Es ist vielleicht nicht die beste Option für Standardthemen, aber ColourGrab eignet sich hervorragend zum Analysieren der Farbverteilung in Bildern.

16 Farbmischer

ColorBlender erstellt einen Satz von fünf Farben, die sich gut miteinander mischen lassen.

Diese Seite ist ein einfaches Tool, mit dem Sie ein Beispielbild erstellen, Farben anpassen und in Echtzeit verfolgen können, wie ein Satz von 5 perfekt aufeinander abgestimmten Farben ausgewählt wird. Die Paletten können direkt in Photoshop oder Illustrator als EPS-Datei heruntergeladen werden.

17. Graues Bit

Mit GrayBit ​​​​können Sie eine Website analysieren, um zu sehen, wie sie in Graustufen aussieht.

Dieses praktische Tool passt Farbthemen nicht direkt an, aber es ermöglicht Ihnen, Ihre Website zu analysieren, um zu sehen, wie sie aussieht, wenn sie in Graustufen dargestellt wird. Dies hilft Ihnen zu überprüfen, ob Sie in der Farbpalette genügend Kontrast erreicht haben, um sie gut lesbar zu machen.

18. COLRD

COLRD ist perfekt, um Ihre Farbschemata zu teilen und neue kennenzulernen.

Diese farbenfrohe Website ist eine großartige Inspirationsquelle, auf der Benutzer ihre Farbpaletten sowie Farbverläufe und Bilder teilen. Dies ist nicht nur eine Farbschema-Website, sondern ein Fest für den ästhetischen Sinn, und es lohnt sich, vorbeizuschauen, um ein paar erstaunliche Entdeckungen zu machen.

19. Farbjäger

Color Hunter ist eine großartige Seite, um neue Farben zu finden.

Color Hunter hilft Ihnen, das Farbschema hochgeladener Bilder schnell zuzuordnen, indem Sie nach einem geeigneten Tag suchen oder HEX-Links verwenden. Die Website ist schnell und einfach zu bedienen und ermöglicht interessante Farbentdeckungen.

20. Streifengenerator 2.0

Stripe Generator 2.0 hilft, die Aufmerksamkeit auf Ihre Farbschemata zu lenken.

Es wird oft als „das neueste Tool für Web 2.0“ bezeichnet. Stripe Generator 2.0 ist ein gutes Werkzeug, um gleichzeitig schöne Farbkombinationen und ungewöhnliche Bilder zu erstellen.

Ein kleiner, eleganter und übersichtlicher Farbwähler für das Design von HTML-Seiten und andere Aufgaben, die übereinstimmende Farben erfordern.

Mal sehen, was dieses Programm kann.

Farbpunkteinstellung

Da das Programm keine Installation erfordert, speichern Sie einfach das Archiv auf Ihrer Festplatte, entpacken es an einem geeigneten Ort, öffnen den Ordner und führen die Datei mit der Erweiterung .exe aus. Standardmäßig startet das Programm als kleiner Button:

Arbeiten mit dem Programm

Wir klicken auf dieses Symbol und das Programmfenster öffnet sich vor uns:

Bildschirm

Auf dieser Registerkarte ermöglicht Ihnen das Programm, jede Farbe direkt vom Bildschirm zu "nehmen". Das heißt, von jedem Teil des Bildschirms, der zum Zeitpunkt des Programmstarts sichtbar war. Im Fenster Select Area wird der gesamte Bildschirm verkleinert dargestellt.

Wenn Sie in diesem Fenster auf irgendein Teil klicken, erscheint es im nächstkleineren Fenster "Wählen Sie eine Farbe". Hier können Sie bereits genauer zielen und die Farbe von einem bestimmten Punkt aus aufnehmen.

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

Auswahl

Hier sind die wichtigsten Werkzeuge für die einfache Farbanpassung: "Tile", "Circle", "Web" und "Win", die über zusätzliche Registerkarten umgeschaltet werden.

Die Arbeit mit diesen Tools ist nicht schwierig. Klicken Sie einfach auf die gewünschte Farbe, passen Sie sie mit den RGB-Schiebereglern (oder HSV - wenn Ihnen dieses Format näher kommt) an und sehen Sie, ob sie passt oder nicht.

Gefällt Ihnen die gewählte Farbe, 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.

Achten Sie auch auf das dritte Farbfenster in der oberen rechten Ecke. Zusätzlich zu der ausgewählten Farbe (vertikaler Streifen) werden drei weitere Farben angezeigt, die gut mit der ausgewählten Farbe harmonieren.

So schlägt das Programm sofort mehrere passende Farben vor, die auf andere Elemente des entworfenen Designs angewendet werden können.

Das Programm hat viele verschiedene Hilfstasten. Um ihren Zweck herauszufinden, fahren Sie einfach mit der Maus darüber und lesen Sie die Tipps, die ganz unten im Programmfenster erscheinen.

Einstellungen

Hier können Sie einige Parameter wie Schriftart und -größe sowie einige kosmetische Eigenschaften des Programms anpassen. Es ist bequemer, mit dem Programm zu arbeiten, 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 eine neue Version des Programms veröffentlicht wurde, indem Sie auf seine Website gehen.

Vor- und Nachteile des Programms

• es gibt viele verschiedene Werkzeuge zur Farbauswahl (Kreis, Kacheln usw.);
• ermöglicht Ihnen einen bequemen Farbvergleich, indem Sie das Programmfenster in die Nähe anderer Elemente des Bildschirms verschieben;
• Es gibt Hinweise für alle Schaltflächen.

• etwas knifflige Schnittstelle;
• Minimiert und auf der Registerkarte "Bildschirm" ausgeführt zu werden, ist nicht sehr praktisch (obwohl Sie es in den Einstellungen deaktivieren können);
• Nicht jedem wird die Farbe des Programmfensters gefallen.

Ergebnisse

Das Programm ist ziemlich leistungsfähig für ein kostenloses Programm, es bietet fast alles, was Sie brauchen, um Farben beim Erstellen eines Website-Designs bequem auszuwählen. Es gibt einige kleinere Mängel wie die Farbe des Programmfensters (lila - nicht jedermanns Sache), aber sie stören nicht beim Arbeiten damit.

P.S. Es ist erlaubt, diesen Artikel frei zu kopieren und zu zitieren, sofern ein offener aktiver Link zur Quelle angegeben und die Urheberschaft von Ruslan Bogdanov gewahrt bleibt.

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

Farbe ist im Design weit verbreitet - sie ermöglicht es Ihnen, den Inhalt "wiederzubeleben", um eine semantische Verbindung zwischen Elementen herzustellen, um die Arbeit mit Emotionen und Stimmungen zu füllen. Anfänger wählen zufällige Farben aus, aber es gibt Möglichkeiten, Farben sinnvoller einzusetzen. Betrachten Sie 4 solcher Methoden, die nach dem Prinzip von einfach bis komplex organisiert sind.

1. Verwenden Sie einen bekannten Farbumfang

Mehr als 500 Farbkombinationen bekannter Marken wurden auf der Website brandcolors.net gesammelt. Yandex, Google, Burger King verwenden in all ihren Produkten dieselbe Palette. Diese Marken und ihre Farben sind vielen bekannt und beliebt. Geben Sie den Namen in die Suchleiste ein oder scrollen Sie durch die Seite, klicken Sie auf die gewünschte Marke und Farbe: Der Code wird in die Zwischenablage kopiert.

2. Wählen Sie eine fertige professionelle Palette

Am einfachsten ist es, eine fertige Farbkombination zu nehmen. Dabei muss das Rad nicht jedes Mal neu erfunden werden, denn harmonische Kombinationen kennt man schon lange. Gehen Sie zu colordrop.io und wählen Sie aus. Es gibt Hunderte von professionellen 4-Farben-Paletten auf der Website. Nachdem Sie den gewünschten ausgewählt haben, klicken Sie auf die Farbcodes und kopieren Sie sie aus dem Bereich, der sich auf der rechten Seite öffnet.

Darüber hinaus enthält der Service eine fertige Auswahl von 24 Flat-Design-Farben. Klicken Sie links unter dem Namen "Flat Colors" und nehmen Sie den Code des gewünschten Farbtons.

3. Bestimmen Sie die Farbpalette des Fotos oder Bildes, das Ihnen gefällt

Diese Methode ist etwas schwieriger. Aber auch effektiver.

• Suchen Sie auf der Website coolors.co im oberen Bereich links das Kamerasymbol und klicken Sie darauf. Ein Fenster zum Hochladen von Bildern wird geöffnet.
• Sie können ein Foto oder Bild mit dem gewünschten Farbschema von Ihrem Computer auswählen oder den Link in eine leere Spalte kopieren.
• Der Dienst bestimmt die Farbkombination (unten unter dem hochgeladenen Bild).
• Sie können die einzelnen Farben dieser Palette ändern, indem Sie sie markieren und einen Punkt im Foto auswählen, von dem Sie die Farbe übernehmen möchten.
• Die Schaltfläche "Collage" speichert die resultierende Palette mit Farbcodes auf dem Computer.
• Die Schaltfläche "Auto" generiert neue Kombinationen basierend auf demselben Foto.
• Klicken Sie auf "OK" und gehen Sie zur Hauptseite der Site, um mit der Palette weiter zu arbeiten.

Die Hauptseite der Website ist nicht weniger funktional. Hier können Sie Schattierungen einzelner Farben aufnehmen oder durch Austausch einzelner Farben eine neue Palette zusammenstellen.

4. Erstellen Sie Ihr eigenes Farbschema online

Durch das Hochladen eines Fotos auf derselben Seite coolors.co können Sie nicht nur den Farbcode bestimmen, sondern auch Ihre eigenen Kombinationen erstellen. Drücken Sie dazu die Leertaste - der Dienst erstellt automatisch eine Kombination aus 5 Farben.

Auf jeder Farbe 4 Schaltflächensymbole:

• Alternative Farbtöne - Farbschattierungen (dunkler und heller),
• Ziehen (Farbe auf der Palette nach rechts oder links verschieben),
• Anpassen (Farbton, Sättigung, Helligkeit usw. anpassen),
• Sperren (feste Farbe).

Die Farbabstimmung ist einer der wichtigsten Schritte bei der Erstellung eines guten Designs.

Um es Ihnen einfacher zu machen, haben wir uns entschieden, eine Auswahl der besten Dienstleistungen für die Erstellung von Farbschemata zusammenzustellen. Sie sparen Zeit und erzielen gleichzeitig ein anständiges Ergebnis.

01. Adobe Color CC

Adobe hat sein Kuler-Projekt in Color umbenannt

Sie kennen dieses Tool vielleicht unter seinem früheren Namen Adobe Kuler. Adobe hat jedoch kürzlich eine seiner beliebten Webanwendungen in Adobe Color CC umbenannt.

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

02. Mudcube Farbkugel

Wenn Sie sich bezüglich Ihres Farbschemas nicht sicher sind, hat Mudcude 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 es Ihnen auch ermöglicht, Farbschemata für Ihre eigenen Projekte zu erstellen. Es ist auch erwähnenswert, dass Mudcube über eine eigene Galerie mit vorgefertigten Ressourcen verfügt, die Sie ebenfalls verwenden können.

03. Überprüfen Sie meine Farben

Check my Colors wurde speziell entwickelt, um die Hintergrund- und Vordergrundfarbkombination für alle DOM-Elemente zu bewerten und abzugleichen. Und auch, um herauszufinden, ob die Elemente harmonisch genug miteinander harmonieren. Alle Tests basieren auf Algorithmen, die vom World Wide Web Consortium ( 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 es Ihnen, Farben mithilfe einer großen Farbpalette einfach und unkompliziert zu definieren. 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

Dies ist ein sehr praktisches Werkzeug, besonders 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 basierend auf dem ausgewählten Bild eine Farbpalette. Dies ist eine großartige Methode, um Ihre eigenen Farbschemata zu erstellen.

06. Blechauge

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

Diese Website verwendet eine Datenbank mit 10 Millionen Bildern, die kostenlos unter einer Creative Commons-Lizenzvereinbarung verfügbar sind und von den Erstellern von Flickr sorgfältig ausgewählt wurden. Sie können verwendet werden, um geeignete Farbschemata zu erzeugen.

07 Farbe

Komfortable Miniatur-Webanwendung. Bewegen Sie die Maus über den Bildschirm und bestimmen Sie die gewünschte Farbe. Scrollen Sie dann ein wenig, um den Farbton aufzunehmen. Danach gibt das Tool alle notwendigen HEX-Codes aus, die Sie in Ihren eigenen Projekten verwenden können. Eines der am einfachsten zu verwendenden Tools.

08 SpyColor.com

Ein kostenloser Farbschema-Generator, der Farbinformationen bereitstellt und es Ihnen auch ermöglicht, sie in ein beliebiges Schema umzuwandeln ( RGB, CMYK und andere ). Eine Vielzahl von Farbschemaformaten ist hier verfügbar, einschließlich triadisch, monochrom und mehr.

09.Design-Inspiration

Bis zu fünf Farbtöne können auf Designspiration mit einer praktischen ganzseitigen Palette ausgewählt werden, die es einfach macht, genau die HTML-Farbschemata zu finden, nach denen Sie suchen. Die Site generiert dann eine Seite mit allen Bildern in der Datenbank, die eine ähnliche Farbkombination verwenden. Es liefert auch HEX-Werte, die Sie in Ihren eigenen Projekten verwenden können. Und Bilder können in Sammlungen auf der Website gespeichert werden.

10Farbexplorer

Eines der durchdachtesten Web-Tools, das viele Funktionen in Bezug auf das Design, die Anpassung und die Analyse von Farbschemata bietet. Hier sind einige Tools, die Ihnen bei der Bestimmung helfen WCAG-Gültigkeit von Farbschemata, sowie eigene Farbpaletten generieren.

11. Hex-Farbschema-Generator

Ein praktisches kleines Tool zum Generieren von Farbkombinationen basierend auf einem einzelnen ausgewählten Farbton. Fügen Sie den Hexadezimalwert der Farbe ein und das Tool stellt einen Satz geeigneter Farben zur Verwendung mit der Grundfarbe bereit.

12. Farbliebhaber

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

13. Farbschema-Designer

Dieses Online-Tool bietet interessante Möglichkeiten zum Erstellen von Farbschemata, mit denen Sie deren Helligkeit und Kontrast anpassen können. Hier können Sie mehrere beliebte mathematische Modelle von 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 einfach macht, vorgefertigte Farbschemata für die Website zu erstellen. Es gibt viele Tools für die Farbanpassung, die alle in einer praktischen und einfachen Benutzeroberfläche untergebracht sind. Außerdem können Notizen zu Paletten hinzugefügt, Bilder hochgeladen werden und so weiter.

15. Farbmod

Colourmod ist eine Software, mit der Sie einzelne Farben aus dem Widget-Bereich auswählen können, egal ob Sie einen Mac oder Konfabulator unter Windows verwenden. Dies ist nicht gerade ein einfaches Werkzeug für die Arbeit mit Farbpaletten, aber es hilft Ihnen, Farben schnell und einfach zu bestimmen, ohne schwere Programme herunterladen zu müssen.

16. ColorZilla

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

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

17. Colormunki

Ein praktisches Online-Tool zur Auswahl von Farbschemata von den Machern von Colormunki. Damit können Sie mithilfe verschiedener Techniken auf einfache Weise attraktive Farbpaletten aus Pantone-basierten Mustern erstellen.

18.colr.org

Mit Colr.org können Sie den Farbbereich für jedes Bild festlegen

Mit diesem Tool können Sie eine detaillierte Farbanalyse eines Bildes durchführen, die in anderen Tools normalerweise automatisiert ist. Auf diese Weise können Sie die am besten geeignete Farbe auswählen. Wir empfehlen, dieses Tool kennenzulernen, obwohl seine Oberfläche nicht so durchdacht ist wie bei anderen Anwendungen.

19. Farbe greifen

Dieses praktische Tool erstellt Farbpaletten aus jedem Bild. Fügen Sie die Adresse des Bildes ein, das Sie analysieren möchten, und der Dienst erstellt automatisch ein 3D-Diagramm mit Informationen zu den verwendeten Farben. Obwohl diese Anwendung nicht gerade geeignet ist, um ein Farbschema für eine Website auszuwählen, kann sie verwendet werden, um Bilder und ihre Farbeigenschaften zu untersuchen.

20 Farbmischer

ColorBlender erzeugt eine Palette von fünf übereinstimmenden Farben

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

21. Graues Bit

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

Mit diesem Tool können Sie sehen, wie Ihre Website in Graustufen aussieht. Ein exzellenter Service, der es Ihnen ermöglicht, Problembereiche im Gegensatz zu identifizieren.

22. COLRD

Ein Tool, das als Inspiration oder zum Teilen von Farbschemata verwendet werden kann. Natürlich hilft diese Ressource nicht beim Generieren von Schaltkreisen, sollte aber unbedingt berücksichtigt werden.

23 Shutterstock-Spektrum

Bilder können nach Farbbalance und Helligkeit gefiltert werden

Manchmal ist es am einfachsten zu überprüfen, ob ein Farbschema passt, indem man sich Stock-Bilder ansieht. Fast alle großen Stock-Ressourcen bieten solche Tools an, aber Shutterstock Spectrum hat eine sehr benutzerfreundliche Oberfläche. Nachdem Sie die Farbe mit dem Schieberegler bestimmt haben, können Sie Schlüsselwörter eingeben, die das Thema der Bilder bestimmen. Darüber hinaus können Sie Bilder nach Farbbalance und Helligkeit filtern.