Simulera olika typer av färgblindhet

Passar designers och tillgänglighetsteam som granskar om en färg fortfarande går att skilja för fler användare.

Simulera hur en färg uppfattas vid tre typer av färgblindhet och jämför resultaten direkt. Dina uppgifter stannar i webbläsaren, utan konto eller lagring.

Så använder du

Ange en färg i hexadecimalt format i inmatningsfältet.
Kör simuleringen för att visa förhandsvisningar för de tillgängliga bristerna.
Jämför de tre vyerna och hitta nyanser som blir svåra att skilja åt.
Prova en annan färg om ditt gränssnitt använder flera färger för att förmedla information.
Notera vilka kombinationer som förblir läsbara i alla simulerade förhandsvisningar.

Exempel

Med exempelfärgen ser du hur den blå tonen förändras i varje förhandsvisning. Om två gränssnittselement ser alltför lika ut kan du välja en annan nyans eller lägga till en visuell ledtråd.

Indata

#2563EB

Gränser och format

Simuleringen omfattar tre brister och ersätter inte tester med riktiga användare.
En färg ensam räcker inte; kontrollera även kontrast, former och etiketter.
Skärminställningar och bildskärmskvalitet kan ändra hur det slutliga resultatet ser ut.
Återgivningen beror på skärmens färgmodell och är inte en medicinsk diagnos.

Var bearbetningen sker

Förhandsvisningen genereras i webbläsaren. Färgen du anger lämnar inte enheten och sparas inte av sidan. Du kan jämföra flera nyanser efter varandra.

Vanliga frågor

Hur många typer av färgblindhet simuleras?

Verktyget visar tre typer av färgseendebrist. Det ger en användbar förhandsvisning, men andra former och nivåer av färgblindhet täcks inte.

Kan jag testa en hel palett?

Simuleringen fungerar med en färg i taget. För en palett bör du testa varje viktig nyans, särskilt färger som bär betydelse eller visar ett tillstånd.

Garanterar detta en tillgänglig design?

Nej, det hjälper bara att avslöja riskfyllda kombinationer. För att validera en design ordentligt bör du kombinera kontrastkontroller, etiketter, former och återkoppling från berörda personer.

Vilket format ska färgen anges i?

Färgen anges i hexadecimalt format i inmatningsfältet. Verktyget visar sedan förhandsvisningar för de tillgängliga bristerna. Eftersom simuleringen bara täcker tre typer av färgseende bör du även granska kontrast, former och etiketter. Prova flera nyanser om ditt gränssnitt använder färg för att förmedla information. Jämför vyerna och leta efter svårskiljda nyanser.

Skickas färgen jag testar till en extern server?

Nej, förhandsvisningen skapas i webbläsaren. Färgen du anger lämnar inte din enhet och sparas inte av sidan. Du kan jämföra flera nyanser efter varandra utan att något skickas ut. Tänk på att skärmens inställningar och bildkvalitet kan påverka hur resultatet visas. Simuleringen är inte en medicinsk diagnos.