Gratis Färgblindhetssimulator
Se hur din design ser ut för personer med färgseendebrister. Simulerar protanopi, deuteranopi, tritanopi, akromatsopi och mildare avvikelser.
Släpp en fil här, eller klicka för att bläddra
JPG, PNG, WebP, HEIC, HEIF · bearbetas på din enhet
eller tryck Ctrl+V för att klistra in från urklipp
Dina filer lämnar aldrig din enhet. All bearbetning sker lokalt i din webbläsare.
Ladda upp en design, infografik eller bild för att se hur den uppfattas av personer med färgseendebrister. Särskilt användbart för: diagramdesigners, UX-designers och tillgänglighetsgranskningar.
Vanliga användningar
- Revidera diagram och grafer för färgblindhetTesta datavisualiseringar för att säkerställa att de är begripliga för de ~8% av män med färgseende defekt.
- Revidera UI-designer för tillgänglighetKontrollera dina app-UI-skärmbilder i CVD-lägen — se till att alla statusindikatorer är synliga för alla.
- Testa tryckdesigner för färgtillgänglighetAffischer, infografik och tryckta material drar nytta av en CVD-kontroll innan utskrift.
- Fotograf färgutbildningFotografer kan använda simulatorn för att förstå hur deras tittare kan uppfatta färg i deras arbete.
- Lär om färgseendefelDemonstrera för studenter, designers eller utvecklare vad CVD faktiskt ser ut.
Så här fungerar det
Färgseendebrist (CVD) simuleras med Brettel-Viénot färgtransformationsmatriser — standardalgoritmen som används i verktyg för tillgänglighet.
- 1Du släpper in en bildBilden laddas in på en canvas i din webbläsare. Pixlar downskaleras för prestanda (max 1200 px på den längsta kanten).
- 2En 3×3 färgtransform tillämpas på varje pixelVarje CVD-typ har en specifik matris. För deuteranopi (grönblind) blandas röda och gröna kanaler på ett sätt som efterliknar vad personer med endast L+S-koner uppfattar.
- 3Den transformerade bilden visas tillsammans med originaletByt mellan CVD-typer för att se hur samma bild ser ut för de ~8 % av män som har någon form av färgseendebrist.
Din bild stannar i din webbläsare. Till och med simuleringsmaten körs lokalt på din CPU — ingen server, inget API, ingen uppladdning.
Relaterade verktyg
Färgseendetest
Gör en screening av färgseendet med 15 plattor med punktmönster som skapas på stället, skriv in siffran du ser och få en försiktig sammanfattning av röd-gröna eller blå-gula tendenser. Ingen diagnos.
WCAG-färgkontrastkontroll
Kontrollera om två färger uppfyller WCAG AA- och AAA-kontrastkrav för tillgänglighet. Liveförhandsvisning i flera textstorlekar med automatiska förslag när kontrasten är för låg.
Webbkameratest
Kontrollera att din webbkamera fungerar innan ett samtal — direktvisad förhandsvisning, verklig upplösning och bildfrekvens, och en ögonblicksbild du kan ladda ned.