Simulator för färgblindhet
Gratis simulator för färgblindhet. Se valfri bild med protanopi, deuteranopi, tritanopi, mildare former eller akromatopsi, sida vid sida.
Så använder du simulatorn för färgblindhet
- Släpp en bild i släppytan eller klicka på den för att välja en fil (JPG, PNG, WebP, GIF …). Du kan också klicka på Använd en exempelbild för att läsa in ett testdiagram med nyanser och färgpar som lätt förväxlas.
- Välj Typ av färgseendedefekt: Protanopi, Deuteranopi, Tritanopi, deras mildare former Protanomali, Deuteranomali och Tritanomali, eller Akromatopsi.
- För de tre anomala typerna ställer du in Grad från 10 % till 90 %.
- Välj Visning: Sida vid sida visar originalet och den simulerade bilden bredvid varandra; Skjutreglage lägger dem ovanpå varandra så att du kan dra delningslinjen över bilden.
- Klicka på Ladda ner simulerad bild för att spara resultatet som PNG.
Bilden lämnar aldrig din enhet: den läses och bearbetas i din webbläsare. Mycket stora bilder förminskas till 1 600 pixlar på den längsta sidan för att simuleringen ska gå snabbt.
Typer av färgblindhet
Normalt färgseende bygger på tre sorters tappar som är känsliga för långa (L, ”röda”), mellanlånga (M, ”gröna”) och korta (S, ”blå”) våglängder.
- Protanopi och protanomali: L-tapparna saknas eller är förskjutna. Rött ser mörkare ut och förväxlas med grönt och brunt. Ungefär 1 % av männen har vardera formen.
- Deuteranopi och deuteranomali: M-tapparna saknas eller är förskjutna. Deuteranomali är den i särklass vanligaste defekten och drabbar ungefär 5 % av män med europeiskt ursprung; rött, orange, gult och grönt blir svåra att skilja åt.
- Tritanopi och tritanomali: S-tapparna är påverkade. Blått och grönt, liksom gult och rosa, blandas ihop. Det är ovanligt (långt under 0,1 %) och drabbar män och kvinnor lika ofta.
- Akromatopsi (stavmonokromasi): inga fungerande tappar, så världen ses i gråskala, ofta med ljuskänslighet. Det drabbar ungefär 1 person av 30 000. Simuleringen visar bara bildens luminans.
Sammantaget har ungefär 1 man av 12 och 1 kvinna av 200 någon form av rödgrön färgseendedefekt.
Så fungerar simuleringen
Verktyget använder den fysiologiskt baserade modellen av Machado, Oliveira och Fernandes (2009), ”A Physiologically-based Model for Simulation of Color Vision Deficiency”, IEEE Transactions on Visualization and Computer Graphics 15(6). Författarna publicerade en 3 × 3-matris per defekt och per grad från 0 till 1 i steg om 0,1; verktyget använder graden 1 för ”-opi”-typerna och interpolerar mellan de publicerade stegen för de anomala typerna.
Matriserna är definierade för linjär RGB. Varje pixel avkodas därför från sRGB till linjärt ljus, multipliceras med matrisen, begränsas och kodas tillbaka till sRGB. Om matriserna används direkt på gammakodade värden, som många snabbfilter gör, blir rött alldeles för mörkt. Akromatopsi använder standardvikterna för sRGB-luminans (0,2126, 0,7152, 0,0722).
En simulering är en uppskattning. Verkligt färgseende varierar från person till person, och en skärm kan inte visa exakt vad någon annan uppfattar. Använd den för att hitta problem och bekräfta sedan med riktiga användare när du kan.
Tips för design som fungerar för färgblinda
- Förlita dig aldrig enbart på färg: lägg till etiketter, ikoner, mönster eller understrykningar.
- Undvik röd/grön för bra/dåligt-lägen; blå/orange är mycket säkrare.
- Håll en tydlig skillnad i ljushet mellan färger som måste kunna skiljas åt. Kontrollera med Akromatopsi: om två ytor ser ut som samma grå kommer många att få svårt.
- Testa diagram, kartor, statusmärken och felmeddelanden i formulär, inte bara foton.
Vanliga frågor
Vilken typ ska jag testa först?
Deuteranomali och deuteranopi, eftersom de är vanligast, och sedan protanopi. Klarar din design dessa och tritanopi fungerar den för de flesta.
Vad ändrar inställningen för grad?
Den anger hur mycket de påverkade tapparna förskjuts i Machado-modellen: 10 % syns knappt, 90 % ligger nära fullständig dikromasi. Dikromasierna (”-opi”-typerna) använder alltid 100 %.
Är simuleringen medicinskt korrekt?
Det är en välciterad vetenskaplig modell, men den kan inte ersätta en diagnos. Skärmkalibrering, belysning och individuella skillnader påverkar alla vad en person ser.
Kan jag kontrollera en webbplats med verktyget?
Ta en skärmbild av sidan och släpp den i verktyget. Då kan du granska hela layouter, diagram och knappar på en gång.
Laddas min bild upp?
Nej. Bilden avkodas och bearbetas lokalt i din webbläsare med en canvas; inget skickas till en server.
Relaterade verktyg
- Kontrastkontroll Gratis kontrastkontroll enligt WCAG. Ange text- och bakgrundsfärg och få kontrastförhållandet, resultat för AA/AAA och närmaste godkända färg.
- Färgpalett från bild Ta fram en färgpalett ur valfri bild. Ladda upp ett foto och få dess dominerande färger som HEX-koder med deras andel av bilden, redo att kopiera.
- Hämta färg från bild Ladda upp en bild och klicka på valfri pixel för att få färgen som HEX, RGB, HSL, HSV och CMYK. Förstoringslupp, medelvärde och lista, i webbläsaren.