Färgblindhets-simulator

Se hur valfri färg upplevs av personer med färgseendedefekt

Förinställningar:
OriginalNormal color vision
#3B82F6rgb(59, 130, 246)
ProtanopiaRed-blind (no L-cones)
#418EFArgb(65, 142, 250)
DeuteranopiaGreen-blind (no M-cones)
#007DF4rgb(0, 125, 244)
TritanopiaBlue-blind (no S-cones)
#009EB0rgb(0, 158, 176)
AchromatopsiaTotal color blindness (monochromacy)
#7B7B7Brgb(123, 123, 123)

Om färgseendedefekt

Cirka 8% av männen och 0,5% av kvinnorna världen över har någon form av färgseendedefekt. Protanopi (rödblindhet) och deuteranopi (grönblindhet) är de vanligaste typerna. Detta verktyg använder vetenskapligt exakta färgtransformationsmatriser för att simulera hur färger upplevs av individer med dessa tillstånd, och hjälper designers att skapa mer tillgängliga gränssnitt.

Färgblindhets-simulator

Se hur valfri färg upplevs av personer med färgseendedefekt

Funktioner

  • Simulate four color vision deficiencies: protanopia (no L-cones), deuteranopia (no M-cones), tritanopia (no S-cones), achromatopsia (greyscale)
  • Uses scientifically-accurate Brettel / Vienot / Machado transformation matrices
  • Proper sRGB gamma correction before applying the matrix (linear-light math)
  • Real-time hex-color input with side-by-side comparison
  • Useful for verifying UI color contrast for ~8% of male users (red-green color blindness) and ~0.5% of female users

Så använder du

  1. Välj en färg med färgväljaren eller ange ett hex-värde.
  2. Se det simulerade utseendet för varje typ av färgseendedefekt.
  3. Jämför originalfärgen med alla fyra simuleringar sida vid sida.
  4. Kopiera de simulerade hex-värdena för användning i dina designer.

Tips och bästa praxis

  • Protanopia and deuteranopia are the most common (red-green color blindness). Tritanopia (blue-yellow) is rare.
  • Achromatopsia is total color blindness — extremely rare (~1 in 30,000), but a useful "ground truth" for ensuring contrast works on luminance alone.
  • WCAG contrast requirements (4.5:1 for normal text) work for color blindness too — sufficient contrast → readable for everyone.
  • For UI elements that rely on color alone (red error / green success), add an icon or text label.
  • For data visualisations, palettes like Viridis, Cividis, and ColorBrewer's color-blind-friendly sets are safe by design.

Vanliga frågor

Hur exakta är dessa simuleringar?

Simuleringarna använder Machado-, Oliveira- och Fernandes-färgtransformationsmatriserna (2009), som är bland de mest vetenskapligt exakta tillgängliga modellerna för att simulera färgseendedefekt.

Vilken är den vanligaste typen av färgblindhet?

Deuteranopi (grönblindhet) och protanopi (rödblindhet) är vanligast och drabbar cirka 6% respektive 2% av männen. Tritanopi (blåblindhet) är sällsynt, och akromatopsi (total färgblindhet) är extremt sällsynt.

Hur kan jag göra mina designer mer tillgängliga?

Förlita dig inte enbart på färg för att förmedla information. Använd mönster, etiketter och tillräcklig kontrast. Testa din färgpalett med denna simulator för att säkerställa att kritiska UI-element förblir urskiljbara.

Är mina data säkra och privata?

All bearbetning sker lokalt i din webbläsare. Inga data skickas till någon server.

Är detta verktyg gratis att använda?

Ja, detta verktyg är helt gratis utan registrering.