Color Blindness Simulator

Palette

Comma-separated colors in any CSS syntax.

Deficiency type

Severity

Level 100%

0% = normal vision (matches the input). 100% = full deficiency. In between is partial -- useful to model anomalous trichromacy.

Normal vision

Simulated -- deuteranopia

// PHP equivalent appears here.

:root {
  --simulated-1: ...;
}