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

بررسی کنتراست رنگ رایگان WCAG. رنگ‌های متن و پس‌زمینه را برای مطابقت با قابلیت دسترسی AA و AAA با نسبت کنتراست زنده و پیش‌نمایش - هگز یا RGB آزمایش کنید.

نسبت کنتراست بین متن و رنگ پس‌زمینه را با استانداردهای WCAG AA و AAA با پیش‌نمایش زنده و ورودی هگز یا RGB بررسی کنید.

Share
دسته بندی
ابزارهای توسعه دهنده
شامل می شود
ویژگی های 6
دسترسی داشته باشید
رایگان · بدون ثبت نام
حریم خصوصی
در مرورگر شما اجرا می شود
بررسی کنتراست رنگ

Loading Contrast Checker......

Please wait a moment

نحوه استفاده

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

  1. 01

    رنگ متن را انتخاب کنید

    رنگ پیش زمینه را انتخاب یا تایپ کنید.

  2. 02

    پس زمینه را انتخاب کنید

    رنگ پس زمینه را انتخاب یا تایپ کنید.

  3. 03

    نسبت را بخوانید

    نسبت کنتراست و نتایج AA/AAA را ببینید.

  4. 04

    تنظیم کنید

    رنگ ها را تا زمانی که از بین بروند، دستکاری کنید.

موارد استفاده کنید

موارد استفاده رایج

  • تأیید کنید متن UI با قابلیت دسترسی WCAG مطابقت دارد
  • کنتراست دکمه و پیوند را بررسی کنید
  • پالت رنگ برند را بررسی کنید
  • کپی بازاریابی کم کنتراست را برطرف کنید
نمای کلی

متن خود را برای همه خوانا کنید

متن با کنتراست پایین یکی از رایج ترین اشکالات دسترسی است. این بررسی‌کننده نسبت کنتراست دقیق بین متن و رنگ‌های پس‌زمینه شما را با استفاده از فرمول رسمی WCAG درخشندگی نسبی محاسبه می‌کند، سپس به شما می‌گوید که آیا AA (4.5:1 برای متن معمولی، 3:1 برای متن بزرگ) و AAA سخت‌گیرانه‌تر (7:1 و 4.5:1) می‌گذرد. پیش نمایش زنده متن واقعی را روی رنگ های انتخابی شما نشان می دهد.

رنگ ها را هر طور که دوست دارید وارد کنید

از انتخابگرهای رنگ استفاده کنید یا کدهای هگز و مقادیر rgb() را مستقیماً تایپ کنید - ابزار هر دو را تجزیه می کند. همانطور که هر یک از رنگ ها را تنظیم می کنید، نشان های نسبت و پاس/عقب فوراً به روز می شوند، بنابراین می توانید یک سایه را تا زمانی که مطابقت داشته باشد، تکان دهید. همه چیز به صورت محلی اجرا می‌شود، و آن را به همراهی سریع در هنگام طراحی UI، مضامین و صفحات بازاریابی تبدیل می‌کند.

ویژگی ها
01
WCAG AA و AAA نتایج عبور / شکست
02
محاسبه نسبت کنتراست زنده
03
ورودی Hex و RGB با انتخابگر رنگ
04
پیش نمایش متن زنده روی رنگ های شما
05
آستانه متن معمولی و بزرگ
06
به صورت محلی در مرورگر شما اجرا می شود
سوالات متداول

سوالات متداول

برای پاس کردن WCAG به چه نسبت کنتراست نیاز دارم؟+

برای AA، متن معمولی به 4.5:1 و متن بزرگ 3:1 نیاز دارد. برای AAA سخت‌گیرانه‌تر، متن معمولی به ۷:۱ و متن بزرگ ۴.۵:۱ نیاز دارد. متن بزرگ تقریباً 18pt یا 14pt پررنگ است.

نسبت کنتراست چگونه محاسبه می شود؟+

از فرمول درخشندگی نسبی WCAG برای هر دو رنگ استفاده می‌کند، سپس روشنایی روشن‌تر (به علاوه 0.05) را بر تیره‌تر (به علاوه 0.05) تقسیم می‌کند و مقداری از 1:1 تا 21:1 می‌دهد.

آیا می توانم RGB و hex را وارد کنم؟+

بله - کدهای هگز مانند #1e293b یا rgb (30، 41، 59) را تایپ کنید یا از انتخابگرهای رنگ استفاده کنید. هر دو فرمت فورا تجزیه می شوند.

آیا رایگان است؟+

بله، کاملا رایگان و بدون ثبت نام، به طور کامل در مرورگر شما اجرا می شود.