Design

Farbpaletten-Generator

Erstellen Sie Fünf-Farben-Paletten mit sechs Harmonien, wahrnehmungsbasierten Farbkontrollen und Textkontrastprüfungen.

OKLCH
Farbtonkreis

Ziehen Sie den Zeiger im Farbkreis oder bewegen Sie den Farbtonregler. Helligkeit und Chroma lassen sich unabhängig voneinander einstellen.

Wie die Farbpalette aufgebaut ist

Analoge Farben verwenden benachbarte Farbtonwinkel, Komplementärfarben gegenüberliegende Winkel. Geteilte komplementäre, triadische und tetradische Farbschemata verteilen Farbtöne im Farbkreis. Monochromatische Paletten variieren die Helligkeit eines einzigen Farbtons. Dies sind gestalterische Ausgangspunkte und keine wissenschaftliche Garantie für Schönheit.

OKLCH trennt wahrgenommene Helligkeit, Chroma und Farbton. Farben außerhalb des sRGB-Bereichs werden durch Reduzierung des Chromas in den Bereich gebracht, während Helligkeit und Farbton beibehalten werden. Neutrale Farben haben wenig oder keinen sichtbaren Farbton. Kontrastangaben beziehen sich nur auf den vorgeschlagenen schwarzen oder weißen Text auf jedem Farbfeld; die Tabelle prüft Paare separat.

Methods: Björn Ottosson, Oklab (2020), W3C CSS Farbe 4, und WCAG 2.2 Kontrast. Keine Palette allein stellt vollständige Zugänglichkeit her.

Muss der Typ übereinstimmen? Ihre Schriftarten konvertieren.

So verwenden Sie „Farbpaletten-Generator“

  1. Geben Sie eine sechsstellige HEX-Farbe ein oder nutzen Sie den Farbpicker.
  2. Wählen Sie eine HEX-Grundfarbe und eine Farbharmonie und passen Sie dann Farbton, Helligkeit oder Chroma an.
  3. Erstellen Sie Ihre Palette, überprüfen Sie den Kontrast und laden Sie CSS, JSON oder SVG herunter.

Mehrere Dateien verarbeiten

Verwenden Sie einen Workflow. um die gleichen Einstellungen auf jede Datei anzuwenden.

Formate und Anforderungen

Eingabeformate
Klartext
Ausgabe
JSON, CSS oder SVG
Verfügbarkeit
Kostenlos in Ihrem Browser und über die CLI
Dateien pro Vorgang
1
Browser Dateilimit
128 Bytes pro Datei, 1 MiB insgesamt

Was man erwarten kann

OKLCH-Paletten mit fünf Farben, Chroma-Reduktion auf den sRGB-Farbraum und Textkontrast nach WCAG. Harmonieregeln sind gestalterische Faustregeln und keine Garantie für Barrierefreiheit.

Verlassen meine Dateien mein Gerät?

Nein. Dank fortschrittlicher Datei-Verarbeitungstechnologie werden Ihre Dateien direkt auf Ihrem Gerät, innerhalb Ihres Browsers verarbeitet. OneKit erhält Ihre Eingabedateien oder Ergebnisse nicht. Erforderliche öffentliche Verarbeitungslibraries können beim ersten Gebrauch des Tools heruntergeladen werden.

Dateiprivatsphäre und lokale Verarbeitung →

Installieren Sie OneKit

Halten Sie OneKit in einem eigenen App-Fenster, mit einer Verknüpfung auf Ihrem Gerät.