Simulatore di daltonismo

Vedi come appaiono colori e immagini con protanopia, deuteranopia, tritanopia e altro
  • I file non lasciano il dispositivo
  • Funziona nel browser
  • Gratis, senza account, senza filigrana

Normal vision

Your original colors

Deuteranomaly

Weak green cones · about 5% of men, the most common

Deuteranopia

No green cones · about 1% of men

Protanomaly

Weak red cones · about 1% of men

Protanopia

No red cones · about 1% of men

Tritanomaly

Weak blue cones · rare

Tritanopia

No blue cones · very rare

Achromatopsia

No color vision at all · very rare

7 pairs of colors become hard to tell apart

  • #e53935 and #43a047 under Deuteranopia (ΔE 5.2)
  • #43a047 and #fb8c00 under Protanopia (ΔE 6.4)
  • #43a047 and #1e88e5 under Tritanopia (ΔE 6.5)
  • #e53935 and #43a047 under Achromatopsia (ΔE 6.7)
  • #e53935 and #1e88e5 under Achromatopsia (ΔE 3.8)
  • #43a047 and #1e88e5 under Achromatopsia (ΔE 2.9)
  • #43a047 and #fb8c00 under Achromatopsia (ΔE 8.5)

Flagged when two colors that differ normally fall below ΔE2000 10 in a simulation. Add labels, patterns or a lightness difference to these pairs.

Come usare Simulatore di daltonismo

Vedi come appaiono una tavolozza o un'immagine con otto tipi di visione dei colori, dalla deuteranomalia, la più comune, all'acromatopsia. Per le tavolozze elenca ogni coppia di colori che diventa difficile da distinguere, così puoi correggere grafici e interfacce in anticipo.

  1. 1

    Sotto Controlla, scegli Tavolozza o Immagine.

  2. 2

    Per una tavolozza, incolla i colori in Colori, uno per riga o separati da virgole (HEX, rgb(), hsl(), oklch() o nomi); per un'immagine, trascina un file JPG, PNG, WebP, GIF, HEIC o AVIF.

  3. 3

    Imposta la Gravità dell'anomalia per controllare quanto sono forti i tipi a cono debole (-anomalia).

  4. 4

    Confronta le righe o le immagini simulate; le coppie segnate con un'icona di avviso sono elencate sotto con il loro ΔE.

  5. 5

    Fai clic su un campione per copiarne l'HEX, oppure scarica qualsiasi immagine simulata come PNG.

Domande frequenti

Quanto sono accurate le simulazioni?

Usano Machado et al. 2009 per le carenze rosso–verde e Brettel et al. 1997 per quelle blu–giallo, calcolate in RGB lineare. Questi modelli descrivono una visione tipica; le singole persone possono vedere in modo diverso.

Come decide che due colori sono difficili da distinguere?

Una coppia viene segnalata quando due colori che di solito differiscono scendono sotto ΔE2000 10 in una simulazione. Aggiungi etichette, motivi o una chiara differenza di luminosità a quelle coppie.

Cosa cambia la Gravità dell'anomalia?

Si applica solo ai tipi -anomalia e imposta di quanto viene spostato il cono interessato; 100% equivale al tipo -opia corrispondente.

La mia immagine viene caricata?

No. La simulazione gira nel browser. Le anteprime vengono disegnate fino a 900 px e i download sono alla risoluzione piena dell'immagine.

Posso incollare i colori direttamente dal CSS?

Sì. I codici HEX e le funzioni di colore CSS vengono estratti da qualsiasi testo e i nomi dei colori funzionano se separati da virgole o da righe. Ciò che non sa leggere viene elencato come saltato.