Farbe & Design
Farbenblindheits-Simulator
Preview palettes through deuteranopia, protanopia and more.
Anmerkung der Redaktion
Understanding · Three cones, several common rearrangements.
Dieses ausführliche Kapitel ist derzeit nur auf Englisch verfügbar. Das Konvertierungstool oben funktioniert in Ihrer Sprache; der lange Erklärtext wurde noch nicht übersetzt.
Häufig gestellte Fragen
Quick answers.
›What types of colour blindness are supported?
The simulator covers red-green deficiencies like deuteranopia and protanopia, blue-yellow deficiency known as tritanopia, and total colour blindness or achromatopsia.
›Are my images uploaded to your server?
No. The simulator uses the HTML5 Canvas API to process pixels directly on your device, ensuring your private designs and mockups remain secure.
›How accurate is the simulation?
The tool uses industry-standard transformation matrices based on the Smith-Pokorny human cone response curves to provide a scientifically grounded approximation.
›Why should I use this for web design?
Roughly 8% of men and 0.5% of women have some form of colour vision deficiency. Checking your palette ensures that critical information, like success or error states, is not conveyed by colour alone.
Andere suchten auch nach
Verwandte Tools
More in this room.
- Farbumrechner (HEX/RGB/HSL/OKLCH)HEX, RGB, HSL und modernes OKLCH — sofort.
- Kontrast-Checker (WCAG)WCAG AA / AAA Kontrast prüfen — bestanden oder nicht.
- Tailwind-FarbfinderNächstgelegene Tailwind-Klasse für jede HEX-Farbe.
- Bild-Farbwähler & PaletteBild ablegen, Palette extrahieren.
- Farbverlauf-GeneratorLineare, radiale und konische CSS-Farbverläufe.
- Box-Shadow-GeneratorVisueller CSS-Box-Shadow-Editor.