Erzeugen Sie endlose Farbpaletten mit Khroma

Sep 14, 2025

wie man

Ausgezeichnete Nutzung von Farbheftheorie Im Design ist eines dieser Dinge, die das große vom Durchschnitt trennt. Während subjektiver und nuancierter Farbe ist Farbe ein leistungsfähiges Werkzeug, das den Emotion und den Ton einer digitalen Erfahrung definieren kann. Für etwas, das so wichtig ist, mangelte mein eigener Workflow stark an.

3 große Farbtrends für 2018

Obwohl es bereits viele große Ressourcen gibt, fand ich, dass es keine Möglichkeit gab, Original-Farbkombinationen schnell zu stöbern und zu vergleichen, fühlte sich schnell einsetzbar. Das wollte ich mit dem Gebäude lösen Khroma .

Wählen Sie eine Farbe, jede Farbe

The Khroma training screen with the chosen colour bar up top — Der Khroma-Trainingsbildschirm mit der ausgewählten Farbstange oben

Eine der aufregenden Dinge über Khroma ist, dass Sie einen AI-Algorithmus trainieren, um sich wie eine Erweiterung Ihres Farbdesignergehirns zu handeln. Die Herausforderung ist, dass Sie, um dies gut zu erreichen, 50 Farben, die Ihnen gefällt, wählen. Beim Bau des Algorithmus habe ich versucht, mit weniger zu arbeiten, aber die Ergebnisse waren nicht gut genug.

Fünfzig stellt sicher, dass der Generator einen anständigen Bereich hat, um variiert und flexibel genug zu sein, um mit allen Ihren Designs zu helfen. Der Trainingsprozess ist relativ unstrukturiert und ist wahrscheinlich gleichermaßen Wissenschaft und Kunst. Ein paar Pro-Tipps von meiner Erfahrung sollten Ihnen dabei helfen, das Beste aus ihm herauszuholen.

Es ist hier erwähnenswert, wie der Algorithmus arbeitet. Ihre 50 Farben werden verwendet, um ein neuronales Netzwerk zu trainieren, das Hunderttausende von anderen ähnlichen Farben erkennen kann, die Sie mögen werden (wir nennen dies Ihre Farbaffinität). Es weiß, welche Farben Sie nicht mögen, weil es nicht in der ursprünglichen 50 Sie gewählt hat. Das heißt, wenn Sie nicht dunkelbraun auswählen, werden Sie es nicht sehen. Das ist in Ordnung, wenn Sie kein dunkelbrauner Fan sind, aber nicht, wenn Sie etwas vermissen, das Sie wirklich mögen. Das macht die Sorte so wichtig.

Um den Training Ihres Khroma-Generators zu beginnen, gehen Sie zu Khroma.co und klicken Sie auf Personalisieren. Sie sehen einiger Anweisungen und eine unendliche Scrollwand von Farbblöcken. Ein Klick auf eines dieser Blöcke fügt es Ihrer ausgewählten Farbleiste hinzu, und ein anderes wird es entfernen. Der beste Weg, um fortzufahren, besteht darin, durchzusetzen und jede Farbe auszuwählen, die als etwas springt, das Sie in einem Design verwenden möchten. Dies funktioniert gut für die ersten 30 Farben.

Zeit zu verfeinern.

An diesem Punkt möchten Sie an der ausgewählten Farbleiste nachschlagen und sehen, wie es gestaltet ist. Wenn dies Ihre Dokumentfarben in der Skizze war, hätten Sie alles, was Sie brauchen? Die nächsten 20 Farben von hier sollten um die Raffinesse sein. Wenn Sie einen kleinen Tooltip fortfahren, wird mit einigen Vorschlägen herausgefunden, z. B. "Kommissionieren von mehreren Magenta-, Gelben- und blassen Farben" verbessern Ihre Ergebnisse. Ich empfehle, an diesen zu bleiben, aber Sie haben keine Angst, weiterhin neue Farben zu wählen. Von hier aus sollten Sie 10 weitere auswählen und die Gesamtmenge auf 40 bringen.

Suchen Sie wieder an der Bar. Siehst du Farben, die praktisch gleich sind? Es ist nicht ungewöhnlich, die gleichen Farben mehr als einmal auszuwählen, weil Sie sie mögen. Das ist jedoch nicht nützlich für Ihren Algorithmus.

Ich hatte einen Freund, den ich einen frühen Prototyp versuche, und er sagte mir, dass seine Ergebnisse nicht sehr gut waren. "Es ist meistens nur blau", sagte er. "Hast du in deinem Training meistens blau ausgesiegt?" Ich antwortete. "Ja. Ich mag Blau wirklich."

Das beste Ergebnis wird davon ausgehen, dass die breiteste Breite der Farbaffinität möglich ist. Es ist mit der Maus über eine wiederholte Farbe in der oberen Leiste, Sie können klicken, um ihn zu entfernen. Dies befreit diesen Slot für eine Farbe, die Sie noch nicht ausgewählt haben. Tun Sie etwas Wiederholungen und füllen Sie weiterhin neue Farben aus, bis Sie fünf Picks haben.

Werfen Sie einige Platzhalterkarten

Ich habe es geläutert, einige Platzhalter für meine letzten fünf Plektren zu werfen. Dies sind Farben, die ich nicht glaube, ich würde jemals alleine verwenden. Oft bin ich angenehm überrascht, was Khroma mit ihnen tut. Wenn neben anderen Farben, scheinen sie auf eine Weise perfekt zu passen, die ich mir nicht vorstellen würde.

Wenn Sie Ihre Wildcards gewählt haben, sehen Sie eine Zugknopf oben rechts oben. Sie können weiterhin Farben auswählen, solange Sie von diesem Punkt aussehen möchten, aber wenn Ihre ausgewählten Farben wie eine schöne dunkle bis leichte Palette mit viel Abwechslung aussehen, müssen Sie wahrscheinlich mit dem Training beginnen.

Das Training sollte ungefähr drei Minuten dauern. Sie können erwarten, dass die Genauigkeit auf die hohen 90er Jahre steht. Dies stellt im Wesentlichen dar, wie gut der Algorithmus Ihre Farben identifizieren kann. Sie können tatsächlich später zurückkehren und später Ihre Trainingsfarben bearbeiten, wenn Sie einige Tweaks ausprobieren möchten.

Bauen Sie Ihre Sammlung auf

Wenn der Trainingsprozess endet, werden Sie in den Generator fallen gelassen. Sie werden mit einem stufenlos scrollenden Gitter von Farbkombinationen in der Typvorlage präsentiert. Jede Kombination verfügt über ein Info-Panel, das Sie öffnen können, um Details wie den Namen, den Hexen- und RGB-Werten sowie ein WCAG-Zugänglichkeitsverhältnis zu eröffnen. Mit dem Herzsymbol oben rechts können Sie mit dem Aufbau einer Sammlung Ihrer Favoriten beginnen.

Finden Sie die richtige Kombination

Doing a palette search with #8BD2CA and #32514E. If you're not seeing anything you like, try rearranging the colours in the search bar — Palettensuche mit # 8BD2CA und # 32514E. Wenn Sie nichts sehen, was Sie möchten, versuchen Sie, die Farben in der Suchleiste neu zu ordnen

Die Suche ist eine der leistungsfähigsten Merkmale von Khrroma. Oft habe ich eine lose Vorstellung davon, was ich suche, oder ich arbeite bereits mit einer bestimmten Farbe und möchte Ergänzungen finden. Da Khroma Ihnen Zugang zu Hunderttausenden von RGB-Farben in Ihrem Affinitätsbereich bietet, schien es wichtig, sie durch sie durchsetzen zu können.

Es gibt verschiedene Parameter, mit denen Sie suchen können: type, hue, name, hex und rgb. Zu den Typen gehören dunkel, leicht, pastell, blass, tief, gedämpft, reich, hell und neon. Farbtöne sind warm, kühl, rot, orange, gelb, grün, cyan, blau, violett, lila und magenta. Es gibt 1.566 spezifische Farben, nach denen Sie mit Namen wie "Royal Blue" und "Kaffee" suchen können. Schließlich akzeptiert es Hex- und RGB-Werte.

Da Khroma mit zwei Farbkombinationen arbeitet, sparen Sie für Paletten, gibt es zwei Slots für Suchanfragen. Wenn Sie einen Begriff in der Suchleiste eingeben und suchen, erhalten Sie Ergebnisse, die diesem Begriff für den ersten Farbschlitz entsprechen, und der zweite wird zufällig sein.

Wenn Sie beispielsweise nach 'hell' suchen, erhalten Sie eine hohe Sättigungsfarbe und ein zufälliges Paar damit. Wenn Sie "hell und blau" suchen, erhalten Sie diese hellen Farben und ein zufälliges Blau im zweiten Schlitz. Sie können auch Typen- und Farbtonbegriffe zusammenketten, wie "hellblau" und "hellgelb", zum Beispiel.

The details of each pair of colours. Everything can be copied with just a click for quick usage — Die Details jedes Farbpaares. Alles kann mit nur einem Klick kopiert werden, um eine schnelle Verwendung zu erhalten

Ein großer Anwendungsfälle, in denen die Suche besonders nützlich ist, ist, wenn Sie zwei Farben haben, die Sie mögen und ergänzende Ergänzungen finden möchten. Sie würden einfach diese genauen Farben eingeben (# 8BD2CA und # 32514E sagen sagen) und suchen Sie unter der Palettenvorlage.

Manchmal suchen Sie nach einer Farbe oder einem Begriff, der sich nicht in Ihrem Affinitätsbereich befindet. Hier kommen die BIAS-Steuerungen in das Spiel. Sie sehen sie als zwei Klicks und ziehen Sie Felder oben rechts in die Symbolleiste. Die BIAs stellt dar, wie streng der Generator den 50, den Sie ausgewählt haben.

Jede Farbe Khroma erzeugt durch den Algorithmus und erhält einen Prozentsatz (wie wahrscheinlich glaubt, dass Sie die Farbe mögen) als Antwort. Wenn dieser Prozentsatz unter der Vorspannung liegt, wird er herausgeworfen und der Prozess wiederholt.

Im Falle eines herausragenden Suchabfragees wird die Vorspannung automatisch abgesenkt, bis er den Schwellenstest übergeben kann. Wenn es völlig aus Ihrem Reichweite ist (wie unser dunkelbraun von früher), dann dreht es es automatisch auf 0. Auf diese Weise, jede Farbe, in der Sie in Khroma standardmäßig in Ihre Affinität eingehen, können sich jedoch anpassen, so dass Sie nicht nur begrenzt sind zu diesen Farben.

Kundenspezifische Bilder

The five templates of Khroma – you can see the palette adding a couple more colours to the mix — Die fünf Vorlagen von Khroma - Sie können die Palette sehen, die ein paar Farben hinzufügt

Sie können ein paar praktische Optionen oben rechts unter dem Symbol "Einstellungen" finden. Einer von ihnen ist die Möglichkeit, ein benutzerdefiniertes Bild in die Bildvorlage hochzuladen. Sie müssen vorher nichts mit dem Bild tun. Stellen Sie einfach sicher, dass es die richtige Größe ist.

Während Sie weitergehen und Ihren eigenen Headshot verwenden können (ich werde nicht urteilen), ist es besser, daran zu denken, dass Sie Ihre eigene Vorlage machen können. Nehmen Sie einen Screenshot von etwas, an dem Sie an der Skizze oder in Ihrem Design-Tool der Wahl arbeiten, laden Sie es hoch, und beginnen Sie mit dem Browsen von grenzenlosen Kombinationen!

Ich hoffe, Sie geben Khrroma einen Versuch und finden es eine nützliche und leistungsstarke Ergänzung zu Ihrem Design-Toolkit.

Dieser Artikel wurde ursprünglich in Ausgabe 303 von veröffentlicht Netz Das weltweit meistverkaufte Magazin für Webdesigner und Entwickler. Ausgabe 303 kaufen oder Abonnieren Sie hier .

Zum Thema passende Artikel:

5 Tipps zum Verständnis der Farbheftheorie
Die besten Farbwerkzeuge für Webdesigner
7 Tipps zur Verwaltung von Farbe besser im Web

Erzeugen Sie endlose Farbpaletten mit Khroma

Wählen Sie eine Farbe, jede Farbe

Zeit zu verfeinern.

Werfen Sie einige Platzhalterkarten

Bauen Sie Ihre Sammlung auf

Finden Sie die richtige Kombination

Kundenspezifische Bilder

wie man - Die beliebtesten Artikel

Wie man Photoshop auf dem iPhone (ja, es ist eine Sache)

So erreichen Sie Skala in Ihren Gemälden

Schritt-für-Schritt: WIE MIMIL-MALE IN COREL MALER

14 Zbrush-Workflow-Tipps

Wie zeichnet man mit Affinitätsfoto für iPad

Textur ein authentisch getragener K-2so Droid

Wie erstellt man einen Snapchat-GeoFilter in Photoshop

Zeichnen Sie genaue Knochen und Muskeln

Kategorien