پرش به محتوای اصلی
لوگوی سوشو استودیو

ابزار رایگان · در مرورگر شما اجرا می‌شود

بررسی کنتراست رنگ (WCAG)

کنتراست کم متن را برای بسیاری از کاربران، به‌ویژه افراد کم‌بینا و کسانی که زیر نور خورشید به گوشی نگاه می‌کنند، ناخوانا می‌کند. این ابزار نسبت کنتراست دو رنگ را طبق دستورالعمل WCAG محاسبه می‌کند و نشان می‌دهد برای متن معمولی و متن بزرگ در سطح AA و AAA قبول می‌شود یا نه.

نمونه متن

این یک متن نمونه است تا ببینید ترکیب رنگ‌ها چقدر خوانا است.

متن بزرگ نمونه

نسبت کنتراست

17.40 : 1

  • متن معمولی، سطح AA (حداقل ۴٫۵)قبول
  • متن بزرگ، سطح AA (حداقل ۳)قبول
  • متن معمولی، سطح AAA (حداقل ۷)قبول
  • متن بزرگ، سطح AAA (حداقل ۴٫۵)قبول

روش استفاده

  1. رنگ متن و رنگ پس‌زمینه را با انتخابگر یا کد هگز (مثل #1a1a1a) وارد کنید.
  2. نسبت کنتراست و نتیجهٔ AA و AAA را بخوانید.
  3. اگر ردّ شد، یکی از رنگ‌ها را روشن‌تر یا تیره‌تر کنید.

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

حداقل کنتراست مجاز چقدر است؟

برای سطح AA متن معمولی حداقل ۴٫۵ به ۱ و متن بزرگ (حدود ۲۴ پیکسل یا ۱۹ پیکسل ضخیم) حداقل ۳ به ۱ لازم است. سطح AAA به ترتیب ۷ و ۴٫۵ را می‌خواهد.

آیا این ابزار فقط برای وب است؟

نه. فرمول برای هر طراحی صفحه‌نمایش، از اپ موبایل تا پوستر دیجیتال، صدق می‌کند.

آیا کنتراست روی سئو اثر دارد؟

اثر مستقیم و اثبات‌شده‌ای روی رتبه ندارد، اما خوانایی بهتر باعث ماندن بیشتر کاربر و نرخ تبدیل بالاتر می‌شود و بخشی از دسترس‌پذیری است.

ابزارهای رایگان دیگر

قدم بعدی

اصلاح‌ها را به ما بسپارید

ابزار مشکل را نشان می‌دهد؛ اجرای درست آن کار تیم ماست.

برند، UI و UXشروع گفتگو