Kleurenblindheidsimulator

Ongeveer 1 op de 12 mannen en 1 op de 200 vrouwen heeft een vorm van kleurenblindheid, maar de meeste grafieken, UI-mockups en foto's worden alleen ontworpen en gecontroleerd door mensen met normaal kleurenzicht. Met deze tool kun je elke afbeelding uploaden en precies zien hoe iemand met protanopie, deuteranopie, tritanopie of achromatopsie die zou zien, zodat je verwarrende rood/groen-legenda's of onleesbare statuskleuren opmerkt voordat ze worden uitgebracht.

De simulatie is geen naïef desaturatie- of hue-rotate-filter. Protanopie, deuteranopie en tritanopie worden gesimuleerd met de gepubliceerde dichromatietransformatiematrices van Machado, Oliveira & Fair (2009) — echte 3x3-coëfficiënten afgeleid van fysiologische kegeltjesresponsmodellen, dezelfde matrixfamilie die professionele toegankelijkheidstools gebruiken. Omdat deze matrices alleen geldig zijn in een lineaire lichtruimte, wordt elke pixel eerst geconverteerd van sRGB naar lineair RGB met behulp van de precieze stuksgewijze sRGB-overdrachtsfunctie (geen platte gamma-2.2-omweg), wordt de matrix daar toegepast en wordt het resultaat weer teruggeconverteerd naar sRGB voor weergave en export. Achromatopsie (totale kleurenblindheid) gebruikt de standaard ITU-R BT.709-luminantiegewichten (0,2126 rood, 0,7152 groen, 0,0722 blauw) toegepast in dezelfde lineaire ruimte, wat de conventionele definitie is van waargenomen helderheid die wordt gebruikt in omroep- en weergavestandaarden.

Echte kleurenblindheid is geen alles-of-niets-kwestie — de meeste mensen met CVD behouden enige functie in het aangetaste kegeltjesstype. De ernstschuifregelaar weerspiegelt dat: bij 0% zie je het onaangetaste origineel, bij 100% zie je de volledig gesimuleerde dichromatische of achromatopische kleur, en elke tussenliggende waarde mengt de twee lineair per pixel. Dat maakt het mogelijk om lichte, gemiddelde en ernstige gevallen van hetzelfde type gebrek op dezelfde afbeelding te bekijken.

Sleep een foto, grafiek of UI-screenshot, kies een CVD-type en ernst, en druk op Uitvoeren om een origineel-versus-gesimuleerde vergelijking te zien, weergegeven op canvas. Download de gesimuleerde versie als PNG op de originele resolutie van de afbeelding. Er wordt niets naar een server geüpload — het bestand verlaat nooit je apparaat en de hele verwerkingspijplijn draait via de eigen Canvas 2D- en ImageData-API's van de browser.