Húzz ide egy képet
vagy kattints a kiválasztáshoz · PNG, JPG, WebP, GIF
Kép kiválasztásaA(z) Színvakság-szimulátor névjegye
Nézd meg bármely képet úgy, ahogy egy színtévesztő látná. Tölts fel egy dizájnt, diagramot vagy fotót, és válts a négy szimuláció között — protanopia (vörösvakság), deuteranopia (zöldvakság), tritanopia (kékvakság) és achromatopsia (teljes színvakság) —, a normál látású nézettel összehasonlításképpen. Minden mód egy bevált transzformációs mátrixszal színezi át a képet, és PNG-ként letölthető dokumentációhoz.
Nagyjából minden tizenkettedik férfi és minden kétszázadik nő él valamilyen színlátászavarral, így egy diagram, amelynek piros és zöld vonalait csak az árnyalat különbözteti meg, csendben kizárja a közönsége egy részét. A tervezők UI-mockupokat, térképeket és adatvizualizációkat futtatnak át ezen a szimulátoron, hogy az ilyen csapdákat korán elkapják. Minden helyben renderelődik a böngészőben — a kiadatlan tervek privátak maradnak.
Funkciók
- Négy színlátászavar-szimuláció, plusz normál látású alapnézet
- Protanopia, deuteranopia, tritanopia és achromatopsia lefedve
- Egykattintásos váltás az állapotok gyors összehasonlításához
- Bármelyik szimulált nézet letölthető PNG-ként
- Működik diagramokon, UI-képernyőképeken, térképeken és fotókon
- Teljesen böngészőben szimulálva — a tervek soha nem kerülnek feltöltésre
Így tesztelj képet színvakságra online
- Töltsd fel az ellenőrizni kívánt dizájnt, diagramot vagy képernyőképet.
- Kattints a Protanopia vagy a Deuteranopia gombra — ezek a leggyakoribb zavarok.
- Keresd azokat az elemeket, amelyek nehezen különböztethetők meg.
- Menj végig a Tritanopia és az Achromatopsia nézeteken is.
- Töltsd le a szimulált nézeteket, hogy megoszd a csapatoddal.
Gyakran ismételt kérdések
Milyen színvakságtípusokat fed le a szimulátor?
Négy állapotot: protanopia (hiányzó vörösreceptorok), deuteranopia (hiányzó zöldreceptorok), tritanopia (hiányzó kékreceptorok, ami elég ritka) és achromatopsia (a színlátás teljes hiánya, szürkeárnyalatosként renderelve). A deuteranopia és a protanopia együtt teszi ki a valós színlátászavarok túlnyomó többségét, úgyhogy először ezt a kettőt ellenőrizd.
Mennyire pontosak ezek a szimulációk?
Minden mód egy széles körben használt színtranszformációs mátrixot alkalmaz, amely közelíti, hogyan tolja el a zavar az érzékelt színeket. Az egyéni érzékelés eltérő — sok embernek részleges, nem teljes zavara van —, ezért kezeld a kimenetet erős iránymutatásként a tervezési döntésekhez, nem klinikai reprodukcióként.
Miért érdemes a tervezőknek színvakságra tesztelni a képeket?
A férfiak kb. 8%-a és a nők 0,5%-a látja másképp a színeket, és a klasszikus hiba — amikor a piros és a zöld az egyetlen különbség a diagramsorozatok, űrlaphibák vagy térképzónák között — láthatatlan, amíg egy érintett nem tudja használni a munkádat. A korai szimulálással olcsón adhatsz hozzá címkéket, mintákat vagy biztonságosabb palettákat.
Mit tegyek, ha a tervem megbukik a teszten?
Ne támaszkodj csak az árnyalatra: adj a szín mellé szöveges címkéket, ikonokat, mintákat vagy fényerőkülönbségeket. Válassz olyan palettákat, amelyek a világosságban is eltérnek, ne csak az árnyalatban — a kék/narancs párosok a legtöbb zavart sokkal jobban túlélik, mint a piros/zöld. Minden változtatás után futtasd újra a szimulációt a javítás megerősítéséhez.
Elmenthetem a szimulált képeket?
Igen — az éppen aktív szimuláció teljes felbontású PNG-ként letölthető, ami jól jön akadálymentességi jelentésekhez, dizájn-review-khoz és ticketekhez. Mivel az átszínezés a böngésződben történik, az eredeti és a szimulált verziók is teljes egészében a gépeden maradnak.