Fargeblindhetssimulator

Se bildet ditt gjennom øynene til en person med fargesynsnedsettelse. Velg typen, forhåndsvis og last ned resultatet. Alt kjøres i nettleseren.

Slik fungerer Fargeblindhetssimulator

Simulator for fargeblindhet bruker fargetransformasjonsmatriser på bildet ditt for å vise hvordan det ser ut for personer med protanopi (rødblind), deuteranopi (grønnblind), tritanopi (blåblind) eller akromatopsi (fullstendig fargeblindhet). Matrisene brukes piksel for piksel ved hjelp av Canvas.getImageData() og Canvas.putImageData() i nettleseren din. Ingen bildedata overføres til en server.

Simuleringene er basert på publiserte perseptuelle modeller avledet fra studier av fargesynshemming. De er tilnærminger av hvordan det visuelle systemet til en berørt person behandler farge, ikke nøyaktige reproduksjoner av individuell erfaring, som varierer. Verktøyet er laget for å hjelpe designere og utviklere med å identifisere kontrast- eller fargekodingsproblemer som vil påvirke en betydelig andel av publikumet: omtrent 8 prosent av menn og 0,5 prosent av kvinner har en form for fargesynshemming.

Skrevet av Bastien Sulyan

Slik bruker du Fargeblindhetssimulator, steg for steg

Slipp bildet ditt på opplastingsområdet eller klikk for å bla gjennom.
Velg en type fargesynshemming fra menyen: protanopi, deuteranopi, tritanopi eller akromatopsi.
Se det simulerte resultatet ved siden av originalen i sammenligningspanelet.
Veksle mellom simuleringstyper for å sammenligne hvordan hver tilstand påvirker bildet.
Bruk visningen side om side for å identifisere områder der farge alene formidler informasjon som kan gå tapt.

Vanlige bruksområder

En UI-designer sjekker om en rød-grønn statusindikator er skjelnelig for brukere med deuteranopi før de slipper en funksjon.
En datavisualiseringsforfattere bekrefter at et flerlinjediagram med fargekodede serier forblir leselig i protanopi-simuleringen.
En merkevaredesigner vurderer hvordan en logo med gradientfarger leses under akromatopsi for å sikre at den beholder gjenkjennelig form og kontrast.
En spillutvikler tester om fargekodede kartssoner er skjelnelige for spillere med tritanopi og legger til mønsterfyll for å supplere fargekoding.

Ofte stilte spørsmål

Hvor nøyaktige er fargeblindhetssimuleringene?

Simuleringene bruker perseptuelle transformasjonsmatriser avledet fra publisert forskning på fargesynshemming. De er vitenskapelig funderte tilnærminger av typiske tilfeller av hver tilstand. Individuell erfaring varierer: alvorlighetsgrad skiller seg mellom personer med samme diagnose, og simuleringen kan ikke ta hensyn til kompenserende strategier som noen brukere utvikler. Behandle utdata som en nyttig indikator, ikke en definitiv test.

Dekker verktøyet alle typer fargeblindhet?

De fire typene som dekkes er de vanligste formene for fargesynshemming og fullstendig fargeblindhet. Anomale trikromasi-typer (protanomali, deuteranomali, tritanomali), som representerer delvise mangler, er ikke modellert separat i gjeldende versjon.

Analyseres bildet mitt på en server for å produsere simuleringen?

Nei. FargeMatrisetransformasjonen beregnes lokalt ved hjelp av Canvas.getImageData() for å lese pikselmatrisen og Canvas.putImageData() for å skrive resultatet. All behandling skjer inne i nettleserfanen, og bildedataene forblir på enheten din.

Kan jeg bruke dette verktøyet til å sjekke fargekontrast-forhold?

Dette verktøyet viser hvordan farger ser ut for personer med fargesynshemming, men beregner ikke WCAG-kontrastforhold numerisk. For numerisk kontrastkontroll, bruk Fargekonverter-verktøyet, som inkluderer en WCAG-kontrastkontroller.

Fungerer verktøyet med bilder som inneholder tekst?

Ja. Transformasjonen brukes på hele pikselmatrisen, inkludert tekst gjengitt i bildet. Dette lar deg sjekke om tekstfarge mot bakgrunnen forblir leselig under hver simulert tilstand.

Relaterte verktøy

Hold alt lokalt, utforsk komplementære verktøy.

Alle bildeverktøy