Skip to content

Цвет и дизайн

Симулятор дальтонизма

Preview palettes through deuteranopia, protanopia and more.

Runs in your browser

Original palette

Normal vision

Trichromatic — for comparison.

#3b82f6#ef4444#10b981#f59e0b#8b5cf6

Protanopia

No red cones · ~1% of men.

#5a5ada#a5a344#595b8f#cfcf2f#7776d1

Deuteranopia

No green cones · ~1% of men.

#5650d3#afbc44#4f4392#d4db37#797dc8

Tritanopia

No blue cones · very rare.

#3fc4bf#e64444#18999c#f14b51#89b3ad

Protanomaly

Red-weak · ~1% of men.

#486ae8#d07d44#2f8188#e5bb1d#826ce3

Deuteranomaly

Green-weak · ~6% of men.

#4970e6#cd7044#328d89#e4b420#8268e0

Tritanomaly

Blue-weak · rare.

#3da1e1#e94444#16aa8b#f27726#8985da

Achromatopsia

Total colour blindness · very rare.

#7a7a7a#777777#808080#a7a7a7#7c7c7c

Brettel-Viénot-Mollon matrices applied in linear RGB. Approximate — real CVD experience varies.

Примечание редактора

Understanding · Three cones, several common rearrangements.

Эта углублённая глава пока доступна только на английском языке. Инструмент конвертации выше работает на вашем языке; развёрнутая статья ещё не переведена.

Часто задаваемые вопросы

Quick answers.

What types of colour blindness are supported?

The simulator covers red-green deficiencies like deuteranopia and protanopia, blue-yellow deficiency known as tritanopia, and total colour blindness or achromatopsia.

Are my images uploaded to your server?

No. The simulator uses the HTML5 Canvas API to process pixels directly on your device, ensuring your private designs and mockups remain secure.

How accurate is the simulation?

The tool uses industry-standard transformation matrices based on the Smith-Pokorny human cone response curves to provide a scientifically grounded approximation.

Why should I use this for web design?

Roughly 8% of men and 0.5% of women have some form of colour vision deficiency. Checking your palette ensures that critical information, like success or error states, is not conveyed by colour alone.

Люди также ищут

Связанные инструменты

More in this room.

Смотреть все в Цвет и дизайн