色覚シミュレーター

色覚異常での色の見え方をシミュレート

ブラウザ処理データはブラウザの外に出ることはありません

Original Color

#3B82F6

RGB: 59, 130, 246

Protanopia

Red-blind

#5A5ADA

1% affected

Deuteranopia

Green-blind

#5650D3

6% affected

Tritanopia

Blue-blind

#3FC4BF

0.01% affected

Achromatopsia

Monochromacy

#7A7A7A

0.003% affected

Side-by-Side Comparison

Original
Protanopia
Deuteranopia
Tritanopia
Achromatopsia

Test with Multiple Colors

Palette Simulation

Original Palette

protanopia

deuteranopia

tritanopia

About Color Blindness

Protanopia (Red-Blind): Affects ~1% of males. Difficulty distinguishing red and green.

Deuteranopia (Green-Blind): Most common, ~6% of males. Similar to protanopia but affects green cones.

Tritanopia (Blue-Blind): Rare, ~0.01%. Difficulty with blue and yellow.

Achromatopsia: Complete color blindness, very rare. Only sees grayscale.

Tips for accessible design:

  • Don't rely on color alone to convey information
  • Use patterns, labels, or icons alongside colors
  • Ensure sufficient contrast between colors
  • Test with color blindness simulators

About 色覚シミュレーター

色覚異常での色の見え方をシミュレート

Use this free online カラーツール tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.