Farbpaletten-Generator

Verarbeitung in diesem Browser

Textlimit: 2000000 Zeichen

Dieses Tool lädt Ihre Eingabe nicht hoch.

#2981aergb(41, 129, 174)
#2c43d8rgb(44, 67, 216)
#894be7rgb(137, 75, 231)
#b12abbrgb(177, 42, 187)
#dc388frgb(220, 56, 143)

Ein Ausgangston, dazu Nachbarn für UI-Entwürfe. WCAG-Kontrast ist nicht automatisch erfüllt.

Ein Start-Hex, dazu Nachbarn für Fläche und Button: Palette, kein Audit.

Die Seite erzeugt Sätze im Tab. Ob sie zu Ihrem Logo passen, sehen Sie selbst.

Harmonien aus einem Ton

Verlauf: CSS-Verlauf. Schatten: box-shadow.

Kontrast extra

„Hübsch“ ist nicht „lesbar“. BITV und WCAG sind breiter als fünf Hex-Werte.

Keine Übertragung.

Ablauf und Stolpersteine

  1. Startton setzen — aus dem Logo per Pipette, nicht aus dem Bauch.
  2. Satz kopieren, dann jedes Textpaar im Kontrastprüfer. Harmonisch ist nicht lesbar.
  3. Tokens erst im Repo benennen. Diese Seite speichert keine CI.

Stolperstein: fünf Pastelltöne auf weißem Grund. In der Sonne des Bahnsteigs stirbt der Placeholder-Text.

Häufige Fragen

Erfüllt das automatisch WCAG?

Nein. Harmonien sind keine Kontrastgarantie. Zwei Farben prüfen Sie im Kontrastprüfer.

Farbe aus einem Screenshot?

Farbpipette auf dem Bild, dann hier weiterbauen.

CSS-Verlauf statt Palette?

CSS-Verlauf. Schatten: box-shadow-Generator.

Brand-Guidelines?

Wir ersetzen kein Design-System und keine CI-Bibel.

Wird etwas gesendet?

Nein. Die Töne entstehen im Tab.

Verwandte Tools