العودة إلى الأدوات

Color Blindness Simulator

Image

Preview how an uploaded image may appear for protanopia, deuteranopia, tritanopia, and achromatopsia.

ttb run color-blindness-simulator
شارك هذه الأداة:

كيفية استخدام Color Blindness Simulator

Upload any image to preview how it may appear for people with several common color vision deficiencies, including protanopia, deuteranopia, tritanopia, and achromatopsia. Switch between simulation modes, adjust intensity, and compare the original against the transformed result before downloading a PNG. This helps designers catch low-contrast states, confusing chart palettes, or inaccessible UI choices before shipping.

1

Upload the image you want to test

Use a screenshot, graphic, chart, or social asset that relies on color distinctions.

2

Choose a simulation mode

Pick the color vision deficiency you want to model, such as deuteranopia or tritanopia.

3

Adjust intensity and compare

Use the strength slider to inspect a stronger or softer simulation while viewing the original alongside it.

4

Download the result

Save the simulated PNG for review, handoff, or accessibility discussions.

الأسئلة الشائعة

Why use a color blindness simulator?+
It helps reveal whether color is doing too much work in your design, especially in charts, status badges, error states, and CTA emphasis.
Is the simulation medically exact?+
No browser-based simulation is perfect, but it is a practical design check for catching common accessibility issues early.
Does my image leave my computer?+
No. The transformation runs locally in canvas and the preview stays in your browser.
ابق على اطلاع

احصل على الأدوات الجديدة قبل الجميع.

احصل على الأدوات الجديدة قبل الجميع. انضم إلى أكثر من 5000 مطور يتلقون ملخصنا الأسبوعي لأدوات جديدة ونصائح برمجية وحيل لزيادة الإنتاجية. بدون رسائل مزعجة.

© 2026 TinyToolbox. جميع الحقوق محفوظة.

الخصوصية أولاً. مدعوم بالإعلانات. مجاني دائماً.

[H4CK]