Color Blindness Simulator

Define foreground and background colors for a color palette, preview them under different kinds of color vision deficiency (CVD), and optionally optimize your palette so colors are more distinguishable for a given kind of CVD.

Day Night

Foreground colors (text / lines)

Background colors (bars)

Colors are quoted, comma-separated, in any canvas format, e.g. "green", "#ffff00", "rgb(0,255,255)", "hsl(30,100%,50%)".

Show Text Show Lines Line Thickness 2.0 Zig-Zag Lines Opacity 1.00 Canvas Size 240

Kinds of color vision deficiency

Show / kind	Men	Women	What it looks like	Optimize