Praktisches Farbtool

Dark Mode Farbpalette Generator

Erstelle Dark Mode Paletten mit lesbarem Text, Muted Flächen, Borders und zugänglichen Akzenten.

Im Haupttool öffnenZurück zum Tool
EnglishItalianoEspañolFrançaisDeutsch

Was diese Seite bietet

  • Nutze dunkle Neutrals für Hintergründe und weiche Tints für Borders.
  • Vermeide reines Schwarz, wenn Hierarchie wichtig ist.
  • Prüfe Accent Kontrast auf dunklen Flächen und hellem Text.

Gut für

  • Dark Dashboards
  • Developer Tools
  • SaaS Apps

So nutzt du es

Paletten GeneratorErstelle zugängliche Farbpaletten, prüfe WCAG-Kontrast, extrahiere Bildfarben und exportiere CSS, Tailwind, SCSS, JSON, SVG und PNG.WCAG CheckPrüfe Text- und Hintergrundkontraste nach WCAG AA und AAA, teste echte Farbpaare und wähle lesbare Kombinationen.Bild ExtraktorExtrahiere dominante Farben aus PNG-, JPG- oder WebP-Bildern lokal im Browser und erstelle exportierbare Paletten.
Kann ich das mit dem Hauptgenerator nutzen?

Ja. Starte hier, öffne das Chromoforge Tool mit derselben Basisfarbe und exportiere die Palette.

Reicht es, die helle Palette zu invertieren?

Nein. Eine reine Invertierung erzeugt übersättigte Flächen und blendende Akzente. Ein dunkles Theme braucht entgesättigte, fast schwarze Flächen zwischen #121212 und #1A1A1A, aufgehellte und chromaärmere Markenfarben sowie Elevation über leicht hellere Flächen statt über Schatten.

Soll Text im Dark Mode reinweiß sein?

Nein. Reinweiß auf Reinschwarz maximiert das Verhältnis, erzeugt aber Halation: die Glyphenkanten scheinen zu verlaufen. Etwa 87% Weiß auf einer fast schwarzen Fläche, ungefähr #E6E6E6 auf #141414, liegt weiterhin klar über 4.5:1 und liest sich über lange Strecken deutlich angenehmer.