Gratis Fargeblindhetssimulator
Se hvordan designet ditt ser ut for personer med fargesyn-svakheter. Simulerer protanopi, deuteranopi, tritanopi, akromatopsi og mildere avvik.
Slipp en fil her, eller klikk for å bla
JPG, PNG, WebP, HEIC, HEIF · behandles på enheten din
eller trykk Ctrl+V for å lime inn fra utklippstavlen
Filene dine forlater aldri enheten. All behandling skjer lokalt i nettleseren din.
Last opp et design, en infografikk eller et bilde for å se hvordan det ser ut for personer med fargesynsmangler. Særlig nyttig for: diagramdesignere, UX-designere og tilgjengelighetskontroller.
Vanlige bruksområder
- Revisor diagrammer og grafer for fargeblindhetTest datavisualiseringer for å sikre at de er forståelige for de ~8% av menn med fargesyn defekt.
- Revisor UI-design for tilgjengelighetKontroller app-UI-skjermbildene dine i CVD-modi — sikre at alle statusindikatorer er synlige for alle.
- Test trykkdesign for fargetilgjengelighetPlakater, infografikk og trykte materialer drar fordel av CVD-kontroll før trykking.
- Fotograf fargeutdanningFotografer kan bruke simulatoren til å forstå hvordan deres seere kan oppfatte farge i arbeidet deres.
- Lær om fargesynsdefektDemonstrer for elever, designere eller utviklere hva CVD faktisk ser ut til.
Hvordan det fungerer
Fargesynsmangel (CVD) simuleres ved hjelp av Brettel-Viénot-fargetransformasjonsmatriser — standardalgoritmen som brukes i tilgjengelighetsverktøy.
- 1Du slipper inn et bildeBildet lastes inn i et lerret i nettleseren din. Piksler nedskaleres for ytelse (maks 1200 px på den lengste kanten).
- 2En 3×3-fargetransformasjon brukes på hver pikselHver CVD-type har en spesifikk matrise. For deuteranopi (grønnblind) blandes røde og grønne kanaler på en måte som etterligner det folk med bare L+S-kjegler oppfatter.
- 3Det transformerte bildet vises ved siden av originalbildetBytt mellom CVD-typer for å se hvordan samme bilde ser ut for ~8% av menn med en eller annen form for fargesynsmangel.
Bildet ditt forblir i nettleseren din. Selv simuleringsmatematikken kjøres lokalt på CPU-en din — ingen server, ingen API, ingen opplasting.
Relaterte verktøy
Fargesynstest
Ta en fargesynsscreening med 15 tavler med prikkemønstre laget på stedet, skriv inn tallet du ser, og få et nøye sammendrag av rød-grønne eller blå-gule tendenser. Ikke en diagnose.
WCAG-fargekontrastkontroll
Sjekk om to farger oppfyller WCAG AA- og AAA-kontrastkravene for tilgjengelighet. Forhåndsvisning i sanntid i flere tekststørrelser med automatiske forslag når kontrasten er for lav.
Webkameratest
Sjekk at webkameraet fungerer før en samtale — live forhåndsvisning, faktisk oppløsning og bildefrekvens, og et øyeblikksbilde du kan laste ned.