Erzeugen Sie Paletten lesbar für Protanopie, Deuteranopie und Tritanopie mit Live-Simulation, WCAG-Kontrast und CSS/JSON/SCSS-Export — 100 % im Browser.
Volade Tools
Basisfarbe
Zielverwendung
5 Farben
Farbenblind-Simulation
Protanopie/Deuteranopie/Tritanopie-Simulation, WCAG-Kontrast, 4 Zwecke und CSS/JSON/SCSS-Exporte — 100 % lokal.
UI-Designer, Data Analysts, Kartographen und Accessibility-Verantwortliche erstellen täglich Paletten — sechs Chart-Serien unter Deuteranopie unterscheidbar, UI-Buttons validiert, lesbare Kartenlayer oder AA Text/Hintergrund-Paare. Volade erzeugt 2–12 Farben aus Hex-Basis in vier Zwecken (Dataviz, UI, Karte, Text), simuliert Protanopie, Deuteranopie und Tritanopie via Brettel/Vienot LMS-Matrizen, integriert WCAG-Kontrast pro Swatch, simulierte UI-Button-Vorschau, CSS-Variablen-, JSON- und SCSS-Exporte, lokaler Verlauf 10/100 — ohne Hex an Coolors, Adobe Color, ColorBrewer oder Leonardo zu senden. Die gesamte Pipeline läuft in purem JavaScript: DevTools → Network bleibt leer, auch bei vertraulichen Brand-Charts und internen Dashboard-Screenshots.
Weil ColorBrewer statische Paletten ohne interaktive Simulation bietet und isolierte WCAG-Checker die Unterscheidbarkeit unter Farbenblindheit nicht garantieren. Volade vereint adaptive Generierung, Live-Simulation, Kontrast und Exporte — konsistenter Gast/Angemeldet/V+-Workflow in der gesamten Volade Color-Suite.
«Deuteranopie-Simulation + WCAG-Kontrast in einer Sitzung — unsere Dashboards bestehen den Accessibility-Audit beim ersten Mal.»
Nadia K.
SaaS-Produktdesignerin
«SCSS-Export direkt ins Repo — keine statischen ColorBrewer-Paletten mehr, die nicht zur Marke passen.»
Julien P.
Lead Front-end
«Meine Studierenden verstehen endlich, warum zwei « schöne » Grüntöne ununterscheidbar werden — perfektes Lehrmittel.»
Prof. Amélie D.
UX-Dozentin
Etwa 8 % der Männer und 0,5 % der Frauen haben eine Farbsehschwäche. Zwei « unterscheidbare » Töne für Normal sehen können unter Deuteranopie verschmelzen.
Volade wendet Standard-Protan/Deutan/Tritan-Matrizen in Echtzeit an, berechnet WCAG-Textkontrast weiß/schwarz pro Swatch und regeneriert die Palette je Zweck für maximalen simulierten perceptuellen Abstand. Ergebnis: schöne UND robuste Paletten — testbar vor Lieferung ohne kostenpflichtige Figma-Plugins oder Adobe-Cloud-Upload.
Vier Schritte von der Basisfarbe zur exportierten Palette, validiert unter drei Simulationen — ohne Plugin, ohne Cloud-Upload, direkt im Browser vor Ihrem RGAA- oder WCAG-Audit.
In 4 Schritten
Basisfarbe wählen
Hex eingeben oder Zufall. Farbwähler lädt Startton.
Zweck und Anzahl wählen
Dataviz, UI, Karte oder Text; Schieberegler 2–12. Volade regeneriert optimierte Serie.
Simulieren und Kontrast prüfen
Protanopie/Deuteranopie/Tritanopie umschalten; Kontrast-Tab für WCAG AA.
Exportieren oder archivieren
CSS/JSON/SCSS kopieren; Verlauf 10/100. V+ ohne Wasserzeichen.
Dashboards, Kartografie, Design Systems und Compliance — wo lokale Simulation den Unterschied zwischen « hübsch » und « für alle lesbar » ausmacht.
Sechs unterscheidbare Serien unter Deuteranopie — JSON für Chart.js oder D3.
Vier Button-Zustände validiert für Kontrast + Simulation.
Gelände-Palette lesbar unter Protanopie — Zweck « Karte ».
Ratios und Simulationen vor Lieferung dokumentieren.
Volade vs Coolors, Adobe Color, Viz Palette, ColorBrewer, Accessible Colors und Leonardo bei Farbenblind-Simulation, adaptiven Zwecken, integriertem WCAG-Kontrast, SCSS-Exporten, Historie und Privatsphäre — Vergleich indicativ Juli 2026.
Volade führt bei 100 % Client-Pipeline, 3 Live-Simulationen, 4 Zwecken, Kontrast pro Swatch, simulierter UI-Vorschau, CSS/JSON/SCSS-Exporten und Verlauf 10/100. Konkurrenten eignen sich für Inspiration oder statische Paletten; Volade zielt auf interaktive Accessibility-Validierung vor RGAA-/WCAG-Audit.
Farbenblind-Simulation, WCAG und Pro-Exporte — ohne Chart auf Drittserver.
| Kriterium | Volade | Coolors | Adobe Color | Viz Palette | ColorBrewer | Accessible Colors | Leonardo |
|---|---|---|---|---|---|---|---|
| 100 % client-seitig | Ja | Teilweise | Nein | Teilweise | Ja | Teilweise | Nein |
| Live Farbenblind-Simulation | Ja | Nein | Teilweise | Ja | Nein | Teilweise | Ja |
| 4 adaptive Zwecke | Ja | Nein | Teilweise | Nein | Teilweise | Nein | Teilweise |
| Integrierter WCAG-Kontrast | Ja | Nein | Teilweise | Ja | Nein | Ja | Ja |
| CSS / JSON / SCSS-Export | Ja | Ja | Teilweise | Teilweise | Nein | Nein | Teilweise |
| Simulierte UI-Vorschau | Ja | Nein | Nein | Nein | Nein | Nein | Nein |
| Verlauf 10 / 100 | Ja | Nein | Teilweise | Nein | Nein | Nein | Nein |
Indikative Gegenüberstellung — Juli 2026. „Teilweise“ = eingeschränkt, Konto oder Server.
Wählen Sie Volade für Dashboard- und Karten-Validierung unter Protanopie/Deuteranopie ohne Brand-Upload.
Generierung, Simulation, Kontrast und UI-Vorschau bleiben gratis. V+ schaltet Verlauf 100 und Export ohne Wasserzeichen frei.
| Funktion | Kostenlos | V+ Premium |
|---|---|---|
| Palettengenerierung 2–12 Farben | ||
| 4 Zwecke (Dataviz/UI/Karte/Text) | ||
| Protan/Deutan/Tritan-Simulation | ||
| Integrierter WCAG-Kontrast-Tab | ||
| Simulierte UI-Button-Vorschau | ||
| Hex-Paletten-Kopie | Ohne Wasserzeichen | |
| CSS / JSON / SCSS-Export | Ohne Wasserzeichen | |
| Basisfarbe + Zufall | ||
| Paletten-Verlauf | 10 | 100 |
| 100 % lokale Verarbeitung |
Generierung bleibt gratis und unbegrenzt. V+ Premium für Produkt- und Data-Teams mit dokumentierten Accessibility-Paletten: Verlauf 100 zum Wiederfinden der RGAA-freigegebenen Serie, SCSS-Export ohne Wasserzeichen für Sass-Pipelines und Design-System-Handoff.
Ihr Hex verlässt nie den Browser. Verlauf = Paletten-Metadaten, nie vollständiger UI-Screenshot.
Protanopie UND Deuteranopie testen — häufigste Form ist Deuteranopie.
SCSS oder CSS vor Merge exportieren — --palette-n direkt ins Design System; V+ ohne Wasserzeichen für interne Design-System-Repositories und Sass-Pipelines.
Privatsphäre, Simulationen, Generierung, WCAG, Exporte, Zwecke, Verlauf und Vergleich mit Coolors, Adobe Color, Viz Palette, ColorBrewer, Accessible Colors und Leonardo — zehn ausführliche Antworten zu Protanopie-, Deuteranopie- und Tritanopie-Workflows.
Nein. Palettengenerierung, Farbenblind-Simulationsmatrizen (Brettel/Vienot), WCAG-Kontrastberechnung und CSS/JSON/SCSS-Exporte laufen in lokalem JavaScript. Keine Netzwerkanfrage bei Basisfarben- oder Simulationswechsel.
DevTools → Network: null Upload. Verlauf = Hex und Paletten-Metadaten — nie ein vollständiger Screenshot Ihrer vertraulichen Oberfläche.
Farbenblind-Simulation, WCAG, Verlauf 100 und Exporte ohne Wasserzeichen.
Test je nach Angebot. Jederzeit kündbar.
Letzte Aktualisierung: Juli 2026. Referenzen: Brettel/Vienot, WCAG 2.2, ColorBrewer.