Färgblindhetssimulator

Se din bild genom ögonen på någon med en färgseendebrist. Välj typ, förhandsgranska och ladda ner resultatet. Allt körs i din webbläsare.

Så fungerar Färgblindhetssimulator

Färgblindhetssimulatorn tillämpar färgtransformationsmatriser på din bild för att visa hur den ser ut för personer med protanopi (rödblind), deuteranopi (grönblind), tritanopi (blåblind) eller akromatopsi (fullständig färgblindhet). Matriserna tillämpas pixel för pixel med Canvas.getImageData() och Canvas.putImageData() i din webbläsare. Ingen bilddata överförs till en server.

Simuleringarna baseras på publicerade perceptuella modeller härledda från studier av färgseendedefekter. De är approximationer av hur det visuella systemet hos en drabbad person bearbetar färg, inte exakta återgivningar av individuell upplevelse, som varierar. Verktyget är utformat för att hjälpa designers och utvecklare identifiera kontrast- eller färgkodningsproblem som skulle påverka en betydande andel av deras publik: ungefär 8 procent av männen och 0,5 procent av kvinnorna har någon form av färgseendedefekt.

Skrivet av Bastien Sulyan

Så här använder du Färgblindhetssimulator, steg för steg

Släpp din bild i uppladdningsområdet eller klicka för att bläddra.
Välj en typ av färgseendedefekt från menyn: protanopi, deuteranopi, tritanopi eller akromatopsi.
Visa det simulerade resultatet vid sidan av originalet i jämförelsepanelen.
Växla mellan simuleringstyper för att jämföra hur varje tillstånd påverkar bilden.
Använd sida-vid-sida-vyn för att identifiera områden där färg ensam förmedlar information som kan gå förlorad.

Vanliga användningsområden

En UI-designer kontrollerar om en röd-grön statusindikator är urskiljbar för användare med deuteranopi innan en funktion skickas.
En datavisualiseringsförfattare verifierar att ett flerlinjediagram med färgkodade serier förblir läsbart i protanopi-simuleringen.
En varumärkesdesigner utvärderar hur en logotyp med gradientfärger läses under akromatopsi för att säkerställa att den behåller igenkännlig form och kontrast.
En spelutvecklare testar om färgkodade kartzoner är urskiljbara för spelare med tritanopi och lägger till mönsterfyllningar som komplement till färgkodningen.

Vanliga frågor

Hur noggranna är färgblindhetsimuleringarna?

Simuleringarna tillämpar perceptuella transformationsmatriser härledda från publicerad forskning om färgseendedefekter. De är vetenskapligt grundade approximationer av typiska fall av varje tillstånd. Individuell upplevelse varierar: svårighetsgraden skiljer sig mellan personer med samma diagnos och simuleringen kan inte ta hänsyn till kompensatoriska strategier som vissa användare utvecklar. Behandla utdata som en användbar indikator, inte ett definitivt test.

Täcker verktyget alla typer av färgblindhet?

De fyra typerna som täcks är de vanligaste formerna av färgseendedefekter och fullständig färgblindhet. Anomal trikromasi-typer (protanomali, deuteranomali, tritanomali), som representerar partiella defekter, modelleras inte separat i den aktuella versionen.

Analyseras min bild på en server för att producera simuleringen?

Nej. Färgmatristransformationen beräknas lokalt med Canvas.getImageData() för att läsa pixelmatrisen och Canvas.putImageData() för att skriva resultatet. All bearbetning sker inuti webbläsarfliken och bilddata stannar på din enhet.

Kan jag använda det här verktyget för att kontrollera färgkontrast-förhållanden?

Det här verktyget visar hur färger ser ut för personer med färgseendedefekter men beräknar inte WCAG-kontrastförhållanden numeriskt. För numerisk kontrastkontroll, använd verktyget Färgkonverterare, som inkluderar en WCAG-kontrastkontroll.

Fungerar verktyget med bilder som innehåller text?

Ja. Transformationen tillämpas på hela pixelmatrisen, inklusive all text som renderas i bilden. Detta låter dig kontrollera om textfärgen mot dess bakgrund förblir läsbar under varje simulerat tillstånd.

Relaterade verktyg

Håll allt lokalt, utforska kompletterande verktyg.

Alla bildverktyg