آزمایشگاه آزاد؛ بدون نیاز به ورود
شبیه‌سازی دید رنگی؛ رنگ تنها نشانه نباشه
یک رنگ توی نمودار انتخاب کردی؛ از کجا می‌دونی همه یکسان می‌بیننش؟ رنگ رو تغییر بده و خروجی رو بررسی کن، ولی این تصویر رو فقط یک مدل ساده بدون، نه تجربهٔ دقیق افراد.
آزمایش رو شروع کناول رنگ رو روی آبی (۲۲۰ درجه)، اشباع ۱۰۰ و روشنایی ۵۰ بذار. هر بار فقط یکی از سه لغزنده رو تغییر بده؛ رنگ اصلی و تبدیل‌های تقریبی رو کنار هم ببین.
آزمایشگاه در حال آماده شدنه…
حالا خودت امتحان کن
هر بار فقط یک چیز رو تغییر بده تا اثرش رو ببینی. قبل از اجرا، نتیجه رو حدس بزن.
رنگ رو از آبی به قرمز ببر
اشباع رو ۱۰۰ و روشنایی رو ۵۰ نگه دار. رنگ اصلی رو یک بار روی ۲۲۰ درجه و بار بعد روی صفر درجه بذار؛ مربع رنگ عادی و سه مربعِ تبدیل‌شده رو مقایسه کن.
حدست چیه؟ وقتی فقط زاویهٔ رنگ عوض می‌شه، کدوم بخشِ رنگ اصلی تغییر می‌کنه؟
توضیح نتیجه رو ببین
در HSL، زاویهٔ ۲۲۰ درجه رنگی در محدودهٔ آبی می‌سازه و صفر درجه قرمز. سه مربع دیگر هم با تبدیل‌های همین ویجت عوض می‌شن؛ اون‌ها نمونه‌های تقریبی‌اند، نه تصویر دقیقِ دید یک فرد.
اشباع کمتر، رنگ کم‌جان‌تر
زاویه رو ۲۲۰ درجه و روشنایی رو ۵۰ نگه دار. اشباع رو از ۱۰۰ به ۵۰ برسون و دو رنگ اصلی رو با هم ببین.
حدست چیه؟ با کم‌شدن اشباع، رنگ به خاکستری نزدیک‌تر می‌شه یا به سفید؟
توضیح نتیجه رو ببین
در رنگ اصلی، اشباع کمتر یعنی رنگ کمتر خالص و نزدیک‌تر به خاکستری می‌شه. خروجی‌های سه تبدیل رو هم ببین، اما از روی اون‌ها دربارهٔ دید واقعی افراد نتیجه نگیر؛ این ویجت از ترکیب‌های سادهٔ کانال‌های رنگ استفاده می‌کنه.
روشنایی رو زیاد کن
زاویه رو ۲۲۰ و اشباع رو ۱۰۰ نگه دار. روشنایی رو یک بار ۵۰ و بار دیگر ۷۵ بذار و رنگ اصلی رو مقایسه کن.
حدست چیه؟ در HSL، روشنایی بیشتر رنگ آبی رو تیره‌تر می‌کنه یا به سفید نزدیک‌تر؟
توضیح نتیجه رو ببین
با روشنایی ۷۵، رنگ اصلی آبی روشن‌تر از حالت ۵۰ دیده می‌شه. نسبت‌های کنتراستی که ویجت هم نشان می‌ده با فرمول استاندارد سازگار نیستن؛ برای سنجش واقعیِ کنتراست به اون‌ها تکیه نکن.
پشت این حرکت چه خبره؟
سه بخش رنگ در HSL
زاویهٔ رنگ، خانوادهٔ رنگ رو مشخص می‌کنه؛ اشباع از خاکستری تا رنگ خالص می‌ره؛ روشنایی هم رنگ رو از تیره به روشن می‌بره. در این ویجت هر سه لغزنده رو می‌تونی جداگانه تغییر بدی.
تبدیل رنگ با دید واقعی فرق داره
این ویجت برای سه نوع دید رنگی، ترکیب‌های عددی ثابتی روی کانال‌های قرمز، سبز و آبی اجرا می‌کنه. این روش یک تصویر آموزشی ساده می‌سازه؛ تجربهٔ افراد با هم فرق داره و از این خروجی نمی‌شه وضعیت بینایی کسی رو تشخیص داد.
اطلاعات رو فقط با رنگ نگو
CR=(L1+0.05)/(L2+0.05); L1>=L2
برای مثال در نمودار، دو حالت رو علاوه بر رنگ با برچسب، شکل یا الگوی متفاوت هم مشخص کن. راهنمای W3C می‌گه رنگ نباید تنها راه انتقال یک تفاوت یا معنا باشه.
سؤالت رو بپرس، جوابش رو هم ببین
وقتی توی چت دربارهٔ یک مفهوم درس می‌خونی، دستیار هوش مصنوعی می‌تونه شبیه‌سازی مرتبط رو کنار توضیحش نشون بده. پارامترها رو تغییر می‌دی و با کمک توضیح بعدی، نتیجه رو بهتر می‌فهمی.
شروع یادگیری با چتبرای ادامه در چت، وارد مسیر شروع و ورود می‌شی. نتیجهٔ این آزمایش به چت منتقل نمی‌شه.
نمونهٔ نمایشی از آموزش در چت
اگر دو بخش نمودار رنگ‌های متفاوتی داشته باشن، دیگه برای همه قابل تشخیصه؟
نه لزوماً. رنگ رو به‌تنهایی نشانهٔ تفاوت نذار؛ کنار هر رنگ برچسب، شکل یا الگوی متفاوت هم بذار. این شبیه‌ساز فقط یک تبدیل عددی تقریبیه و نمی‌تونه تجربهٔ دقیق هر فرد رو نشان بده.
سؤال‌های رایج
فرق اشباع و روشنایی در HSL چیه؟
اشباع می‌گه رنگ چقدر از خاکستری فاصله داره؛ روشنایی می‌گه رنگ چقدر تیره یا روشنه. هر دو رو می‌تونی با ثابت نگه‌داشتن لغزندهٔ دیگر مقایسه کنی.
این شبیه‌ساز می‌گه من یا دوستم کوررنگیم؟
نه. این یک مدل عددی ساده برای تغییر رنگه و ابزار تشخیص نیست. دربارهٔ وضعیت بینایی یک نفر، از این تصویر نتیجه نگیر.
نسبت کنتراست این ویجت رو برای انتخاب رنگ استفاده کنم؟
نه؛ عددهای این ویجت با فرمول استاندارد WCAG محاسبه نمی‌شن. برای انتخاب واقعی باید رنگ متن و پس‌زمینهٔ همان طرح رو با یک ابزار معتبر جداگانه بسنجی.
چطور تفاوت نمودار رو بدون تکیه به رنگ نشان بدم؟
از برچسب، شکل، خط‌چین یا الگوی متفاوت هم استفاده کن تا معنا با رنگ تنها منتقل نشه.