Färgblindhetssimulator

Ungefär 1 av 12 män och 1 av 200 kvinnor har någon form av färgseendebrist, men de flesta diagram, UI-skisser och foton designas och kontrolleras enbart av personer med normalt färgseende. Med detta verktyg kan du ladda upp en bild och se den precis så som någon med protanopi, deuteranopi, tritanopi eller akromatopsi faktiskt skulle se den, så att du kan upptäcka en förvirrande röd/grön teckenförklaring eller en oläslig statusfärg innan den når slutanvändaren.

Simuleringen är inte ett naivt desaturerings- eller nyansroteringsfilter. Protanopi, deuteranopi och tritanopi simuleras med de publicerade dikromatitransformeringsmatriserna från Machado, Oliveira & Fair (2009) — riktiga 3x3-koefficienter som härletts från fysiologiska modeller för tappcellernas respons, samma typ av matriser som används av professionella tillgänglighetsverktyg. Eftersom dessa matriser endast är giltiga i ett linjärt ljusfärgrymd konverteras varje pixel först från sRGB till linjär RGB med den exakta styckvisa sRGB-överföringsfunktionen (inte en platt gamma-2.2-genväg), matrisen appliceras där, och resultatet konverteras tillbaka till sRGB för visning och export. Akromatopsi (total färgblindhet) använder de standardiserade luminansvikterna från ITU-R BT.709 (0,2126 röd, 0,7152 grön, 0,0722 blå) applicerade i samma linjära färgrymd, vilket är den vedertagna definitionen av upplevd ljusstyrka som används inom sändnings- och bildskärmsstandarder.

Verklig färgseendebrist är inte allt-eller-inget — de flesta personer med CVD har en viss kvarvarande funktion i den drabbade tapptypen. Gradskalan för svårighetsgrad återspeglar detta: vid 0 % ser du den orörda originalbilden, vid 100 % ser du den fullt simulerade dikromatiska eller akromatopsi-färgen, och varje värde däremellan blandar de två linjärt per pixel. Det gör det möjligt att förhandsgranska milda, måttliga och svåra fall av samma typ av brist på samma bild.

Släpp in ett foto, diagram eller en UI-skärmdump, välj en CVD-typ och svårighetsgrad, och tryck på Kör för att se en jämförelse mellan original och simulerad version renderad på en canvas. Ladda ner den simulerade versionen som en PNG i bildens ursprungliga upplösning. Ingenting laddas upp till en server — filen lämnar aldrig din enhet, och hela arbetsflödet körs i webbläsaren med dess inbyggda Canvas 2D- och ImageData-API:er.