شبیه‌ساز کوررنگی رایگان
ببینید طراحی شما برای افراد با نقص دید رنگی چگونه به نظر میرسد. پروتانوپی، دوترانوپی، تریتانوپی، آکروماتوپسی و ناهنجاری‌های خفیفتر را شبیهسازی میکند.
فایل را اینجا رها کنید یا برای انتخاب کلیک کنید
JPG, PNG, WebP, HEIC, HEIF · پردازش روی دستگاه شما
یا Ctrl+V را بزنید تا از کلیپ‌بورد جای‌گذاری شود
فایلهای شما هرگز دستگاهتان را ترک نمی‌کنند. تمام پردازش به صورت محلی در مرورگر شما انجام میشود.
یک طرح، اینفوگرافیک یا عکس آپلود کنید تا ببینید برای افراد دارای اختلال بینایی رنگی چگونه به نظر میرسد. به‌ویژه مفید برای: طراحان نمودار، طراحان UX و ممیزی‌های دسترسی‌پذیری.
کاربردهای رایج
- نمودارها و نمودارها را برای نابینایی رنگی حسابرسی کنیدتجسم داده ها را برای اطمینان از اینکه حدود 8٪ از مردان با نقص بینایی رنگی قابل فهم است آزمایش کنید.
- طراحی UI را برای دسترسی حسابرسی کنیداسکرین شات های UI برنامه خود را در حالت های CVD بررسی کنید - اطمینان حاصل کنید که تمام نشانگر های وضعیت برای همه قابل دیدار باشند.
- طراحی چاپ را برای دسترسی به رنگ تست کنیدپوسترها، infographics و مواد چاپی همگی قبل از چاپ از بررسی CVD سود می برند.
- آموزش رنگ عکاسانعکاسان می توانند برای درک اینکه چگونه بیننده گان آنها رنگ را در کار خود درک می کنند از شبیه ساز استفاده کنند.
- تدریس درباره نقص بینایی رنگینشان دهید که برای دانش آموزان، طراحان یا توسعه دهندگان CVD واقعی چگونه به نظر می رسد.
نحوه کار
نقص رنگ‌بینی (CVD) با استفاده از ماتریس‌های تبدیل Brettel-Viénot شبیهسازی میشود — الگوریتم استاندارد در ابزارهای دسترسی‌پذیری استفاده میشود.
- 1تصویری را رها میکنیدتصویر در یک canvas در مرورگر شما بارگذاری میشود. پیکسل‌ها برای عملکرد کاهش می‌یابند (حداکثر 1200 پیکسل در طولانیترین لبه).
- 2تبدیل رنگ 3×3 روی هر پیکسل اعمال میشودهر نوع CVD دارای ماتریس خاصی است. برای deuteranopia (کور سبز)، کانال‌های قرمز و سبز به روشی که افراد تنها با مخروط‌های L+S درک میکنند مخلوط میشوند.
- 3تصویر تبدیل‌شده در کنار اصل نمایش داده میشودبین انواع CVD جابه‌جا شوید تا ببینید همان تصویر برای حدود ۸٪ از مردانی که نوعی نقص رنگ‌بینی دارند چگونه به نظر میرسد.
تصویر شما در مرورگر شما می‌ماند. حتی ریاضی شبیهسازی روی CPU شما به صورت محلی اجرا میشود — بدون سرور، بدون API، بدون آپلود.
ابزارهای مرتبط
تست دید رنگ
یک غربالگری ۱۵ صفحه‌ای دید رنگ با الگوهای نقطه‌ای که در لحظه ساخته میشوند انجام دهید، عددی که می‌بینید را تایپ کنید و یک خلاصه دقیق از تمایلات قرمز-سبز یا آبی-زرد دریافت کنید. این یک تشخیص پزشکی نیست.
بررسی کنتراست رنگ WCAG
بررسی کنید آیا دو رنگ استانداردهای کنتراست AA و AAA در WCAG برای دسترس‌پذیری را برآورده میکنند. پیش‌نمایش زنده در چند اندازه متن با پیشنهادات خودکار وقتی کنتراست کافی نیست.
تست وب‌کم
پیش از تماس بررسی کنید وب‌کم شما کار میکند — پیش‌نمایش زنده، رزولوشن و نرخ فریم واقعی، و یک عکس فوری که می‌توانید دانلود کنید.