Farveblindhed-simulator

Se dit billede gennem øjnene på nogen med en farvesynsmangel. Vælg typen, forhåndsvis og download resultatet. Alt kører i din browser.

Sådan virker Farveblindhed-simulator

Farveblindhedssimulator anvender farvetransformationsmatricer på dit billede for at vise, hvordan det ser ud for personer med protanopi (rød-blind), deuteranopi (grøn-blind), tritanopi (blå-blind) eller akromatopsi (fuldstændig farveblindhed). Matricerne anvendes pixel for pixel ved hjælp af Canvas.getImageData() og Canvas.putImageData() i din browser. Ingen billeddata overføres til en server.

Simulationerne er baseret på publicerede perceptuelle modeller afledt af studier af farvesynsdefekter. De er tilnærmelser af, hvordan det visuelle system hos en berørt person behandler farve, ikke præcise gengivelser af individuel oplevelse, som varierer. Værktøjet er designet til at hjælpe designere og udviklere med at identificere kontrast- eller farvekodings-problemer, der ville påvirke en betydelig del af deres publikum: ca. 8 procent af mænd og 0,5 procent af kvinder har en form for farvesynsdefekt.

Skrevet af Bastien Sulyan

Sådan bruger du Farveblindhed-simulator, trin for trin

Slip dit billede på upload-området, eller klik for at browse.
Vælg en farvesynsdefekttype fra menuen: protanopi, deuteranopi, tritanopi eller akromatopsi.
Se det simulerede resultat ved siden af originalen i sammenligningspanelet.
Skift mellem simuleringstyper for at sammenligne, hvordan hver tilstand påvirker billedet.
Brug side-om-side visningen til at identificere områder, hvor farve alene formidler information, der kan gå tabt.

Almindelige anvendelser

En UI-designer kontrollerer, om en rød-grøn statusindikator er skelneelig for brugere med deuteranopi inden afsendelse af en funktion.
En forfatter til datavisualisering verificerer, at et flerlinjediagram med farvekodede serier forbliver læseligt i protanopi-simuleringen.
En branddesigner vurderer, hvordan et logo med gradientfarver ser ud under akromatopsi for at sikre, at det bevarer genkendelig form og kontrast.
En spiludvikler tester, om farvekodede kortzoner er skelneelige for spillere med tritanopi og tilføjer mønstre som supplement til farvekodning.

Ofte stillede spørgsmål

Hvor nøjagtige er farveblindhedssimulationerne?

Simulationerne anvender perceptuelle transformationsmatricer afledt af publiceret forskning i farvesynsdefekter. De er videnskabeligt funderede tilnærmelser af typiske tilfælde af hver tilstand. Individuel oplevelse varierer: sværhedsgraden adskiller sig mellem personer med den samme diagnose, og simulationen kan ikke tage højde for kompenserende strategier, som nogle brugere udvikler. Betragt outputtet som en nyttig indikator, ikke en definitiv test.

Dækker værktøjet alle typer farveblindhed?

De fire typer, der er dækket, er de mest almindelige former for farvesynsdefekt og fuldstændig farveblindhed. Anomale trikromasi-typer (protanomali, deuteranomali, tritanomali), der repræsenterer delvise defekter, modelleres ikke separat i den nuværende version.

Analyseres mit billede på en server for at producere simuleringen?

Nej. Farvematrice-transformationen beregnes lokalt ved hjælp af Canvas.getImageData() til at læse pixel-arrayet og Canvas.putImageData() til at skrive resultatet. Al behandling sker inde i browser-fanen, og billeddata forbliver på din enhed.

Kan jeg bruge dette værktøj til at kontrollere farvekontrastrater?

Dette værktøj viser, hvordan farver ser ud for personer med farvesynsdefekter, men beregner ikke WCAG-kontrastrater numerisk. For numerisk kontrastkontrol kan du bruge Farvekonverter-værktøjet, der inkluderer en WCAG-kontrastkontrol.

Fungerer værktøjet med billeder, der indeholder tekst?

Ja. Transformationen anvendes på hele pixel-arrayet, inklusive tekst gengivet i billedet. Dette lader dig kontrollere, om tekstfarve mod dens baggrund forbliver læselig under hver simuleret tilstand.

Relaterede værktøjer

Hold alt lokalt, udforsk komplementære værktøjer.

Alle billedværktøjer