IT Image Tools

Färgblindhetssimulator

Förhandsgranska hur en bild kan se ut vid protanopi, deuteranopi eller tritanopi. Privat canvassimulering i webbläsaren.

🔒 Körs helt i din webbläsare — ingenting laddas upp

Drop an image here or click to browse

Advertisement

Förhandsgranska färgtillgänglighetsproblem i en bild

Färg kan bära viktig betydelse i diagram, knappar, kartor, instrumentpaneler och marknadsföringsgrafik. Men alla ser inte färgskillnader på samma sätt. Den här färgblindhetssimulatorn hjälper dig att förhandsgranska hur en bild kan se ut vid vanliga färgseendeavvikelser, så att du kan upptäcka ställen där information beror för mycket på röd-grön eller blå-gul kontrast.

Simuleringen utförs helt i din webbläsare. Bilden ritas på en canvas, varje pixel omvandlas med en standardmässig 3×3-färgmatris, och den resulterande canvasen visas och kan laddas ned som PNG. Ingen server tar emot din skärmbild eller design, vilket är särskilt användbart för ej släppta gränssnitt, kunduppdrag och interna instrumentpaneler.

Förstå simuleringstyperna

Protanopi simulerar saknade eller icke fungerande långvågiga röda tappar, vilket kan få röda färger att se mörkare ut och minska skillnaden mellan rött och grönt. Deuteranopi simulerar saknade medelvågiga gröna tappar, en annan vanlig röd-grön avvikelse. Tritanopi simulerar saknade kortvågiga blå tappar, påverkar blå-gul uppfattning och förekommer mer sällan. Alternativet Normal lämnar bilden oförändrad så att du snabbt kan jämföra med de omvandlade versionerna.

Formge bortom enbart färg

En simulator är ett granskningsstöd, inte en fullständig tillgänglighetsgranskning eller ett medicinskt diagnosverktyg. Använd den för att hitta riskabla färgkombinationer och förbättra sedan designen med etiketter, ikoner, mönster, understrykningar, starkare kontrast och redundanta signaler. Diagram bör inte enbart förlita sig på olikfärgade linjer; felstatus bör innehålla text eller formändringar; knappar bör vara igenkännbara utan nyans. Om den simulerade förhandsgranskningen fortfarande förmedlar samma budskap är det mer sannolikt att din bild fungerar för en bredare publik. Granska viktiga skärmar även i deras verkliga visningsstorlek, eftersom små etiketter, tunna diagramlinjer och subtila bakgrundstoner kan bli svårare att skilja åt efter färgomvandlingen.

Läsa resultaten

Röd-gröna avvikelser är mycket vanligare än blå-gula, så protanopi och deuteranopi är oftast de två första förhandsgranskningarna att kontrollera. Växla mellan alternativen och jämför originalet med varje version: om två kategorier, linjer eller statusfärger blir svåra att skilja åt beror designen för mycket på nyans. Tänk på att detta är approximationer av fullständig dikromasi. Mildare former av färgsvaghet och sällsyntare tillstånd som total färgblindhet täcks inte, och den verkliga uppfattningen varierar mellan människor och ljusförhållanden. Den nedladdade PNG-filen behåller originalets fulla upplösning och innehåller simuleringens namn i filnamnet.

Hur man använder

  1. Lägg till en bildSläpp en design, en skärmbild eller ett foto i verktyget.
  2. Välj synvariantFörhandsgranska normal syn eller en simulering av en färgseendeavvikelse.
  3. Ladda nedSpara den simulerade PNG-filen för granskning eller delning.

Vanliga frågor

Diagnostiserar detta färgblindhet?
Nej. Det är bara en visuell simulator för designgranskning. Medicinska tester kräver en kvalificerad yrkesperson.
Vilka typer ingår?
Verktyget innehåller matrisomvandlingarna Normal, Protanopi, Deuteranopi och Tritanopi.
Laddas bilder upp?
Nej. Pixelbearbetningen sker lokalt med canvas getImageData och putImageData.
Kan jag ladda ned den simulerade bilden?
Ja. Efter att du valt en simuleringstyp kan du ladda ned den resulterande PNG-filen för designanteckningar eller dokumentation.
Advertisement