انتخاب رنگ و بررسی کنتراست

نحوه استفاده از انتخاب رنگ و بررسی کنتراست

چه چیزی را حساب می‌کند و چه زمانی از آن استفاده کنیم

رنگ‌ها را انتخاب و بین HEX، RGB، HSL، HSV و CMYK تبدیل می‌کند، طیف‌های روشن و تیره و رنگ‌های هماهنگ پیشنهاد می‌دهد و کنتراست متن را با راهنمای دسترس‌پذیری WCAG بررسی می‌کند.

نحوه استفاده، گام‌به‌گام

1. با انتخابگر رنگی برگزینید یا آن را به‌صورت HEX، RGB، HSL یا نام رنگ تایپ کنید.
2. برای بررسی کنتراست یک رنگ پس‌زمینه انتخاب کنید.
3. هر قالبی را با یک کلیک کپی کنید.
4. از طیف‌های روشن و تیره و رنگ‌های هماهنگ برای یک پالت استفاده کنید.

معنای هر ورودی

• رنگ – پیش‌فرض #2443C8، آبی SmartCalcy.
• پس‌زمینه – پیش‌فرض سفید.

نحوه خواندن نتایج

• نسبت کنتراست – از 1:1 تا 21:1، با نتایج AA و AAA برای متن عادی و بزرگ.
• قالب‌ها – HEX، RGB، HSL، HSV و CMYK.
• طیف روشن و تیره – نسخه‌های روشن‌تر و تیره‌تر.
• رنگ‌های هماهنگ – مکمل، هم‌جوار و سه‌گانه.

فرمول

نسبت کنتراست = (L1 + 0.05) ÷ (L2 + 0.05)، که در آن L1 و L2 روشنایی نسبی رنگ روشن‌تر و تیره‌ترند. WCAG AA برای متن عادی 4.5:1 و برای متن بزرگ 3:1 لازم دارد؛ AAA به 7:1 و 4.5:1 نیاز دارد.

یک مثال حل‌شده

با رنگ‌های پیش‌فرض، #2443C8 روی سفید نسبت کنتراست 7.74:1 دارد که برای همه اندازه‌های متن AAA را پاس می‌کند.

فرض‌ها و محدودیت‌ها

• مقادیر CMYK یک تبدیل ساده‌اند، نه پروفایل چاپ با مدیریت رنگ.
• نتایج کنتراست از فرمول WCAG 2 پیروی می‌کنند.

اشتباهات رایج

• بررسی کنتراست فقط برای متن بزرگ و استفاده از آن رنگ برای متن کوچک.
• تکیه فقط بر رنگ برای نشان دادن معنا.

پرسش‌های متداول

ابزارهای مرتبط