Farbpalettengenerator FREE
Bauen Sie aus einer Farbe eine Palette nach den klassischen Harmonien und prüfen Sie jedes Paar auf Kontrast, bevor Sie sich festlegen.
Paletten
Welche Paare lesbar sind
Jede Farbe als Text auf jeder anderen. Die Zahl ist das WCAG-Kontrastverhältnis; AA sind 4,5:1 für normalen Text und 3:1 für großen Text und Bedienelemente.
Palette kopieren
Jede Umrechnung, jede Palette und jeder Kontrastwert auf dieser Seite wird in Ihrem Browser berechnet. Ein hierher gezogenes Bild wird auf einem Canvas in diesem Tab gelesen und niemals hochgeladen.
Wie die Harmonien gebaut werden
Komplementär, analog, triadisch, tetradisch, geteilt komplementär und quadratisch - berechnet durch Drehen des Farbtons in OKLCH statt in HSL. Das macht einen Unterschied: Drehen Sie einen Farbton in HSL um 120 Grad, wirkt eines der drei Ergebnisse sichtbar dunkler als die anderen, weil die Helligkeit in HSL ein Mittelwert der Kanäle ist und nicht das, was das Auge misst.
Jede Farbe wird mit ihrem Kontrast gegen Weiß und gegen Schwarz gezeigt, und die Palette lässt sich als CSS Custom Properties, SCSS-Variablen, JSON oder einfache Liste exportieren. Nichts wird hochgeladen; die Palette liegt in diesem Browser und Sie können sie löschen.
Website-Audit 2026: Die vollständige Checkliste für SEO, Core Web Vitals, Barrierefreiheit und Sicherheit
Ein gutes Website-Audit ist weder eine einzelne Lighthouse-Punktzahl noch eine Liste mit mehreren Dutzend automatischen Warnungen. Es sollte vier Fragen beantworten: Kann eine Suchmaschine die Website korrekt finden und verstehen? Kann ein Nutzer seine Aufgabe effizient erledigen? Ist die Website schnell genug? Und setzt sie den Betreiber oder die Besucher unnötigen Risiken aus?
Chrome vs. Firefox vs. Edge vs. Safari: Was wir aus der Veröffentlichung von 9 Browser-Erweiterungen gelernt haben
Neun Erweiterungen, vier Browser und deutlich mehr als eine `manifest.json`. Wir zeigen, wo gemeinsam genutzter Code wirklich endet, warum Safari einen eigenen Prozess benötigt und welche Fehler erst Firefox und die Erweiterungs-Stores sichtbar machen.
Claude Code vs OpenAI Codex vs Gemini CLI: der beste KI-Programmieragent 2026
Claude Code, OpenAI Codex und Gemini CLI können Repositorys lesen, Dateien bearbeiten und Tests ausführen, wurden jedoch für unterschiedliche Arbeitsweisen entwickelt. Wir vergleichen Qualität, Benchmarks, Sicherheit, paralleles Arbeiten, Erweiterungen, Preise und Datenschutz.
Bau ein besseres Web, schneller.
Wir entwickeln individuelle Software und Lösungen, die auf Ihre Bedürfnisse zugeschnitten sind.