رنگ کنٹراسٹ چیکر
رنگ کنٹراسٹ چیکر
متن اور پس منظر کے رنگ کے درمیان WCAG کنٹراسٹ تناسب جانچیں — معمول کے متن، بڑے متن اور UI اجزاء کے لیے AA/AAA پاس-فیل گریڈ دیکھیں، لائیو پریویو اور قابلِ رسائی رنگ کی تجاویز کے ساتھ۔متن کا رنگ
ٹِنٹ
پس منظر کا رنگ
ٹِنٹ
کنٹراسٹ تناسب
--:1
معمول کا متن
۱۸px سے کم متن (یا ۱۴px بولڈ سے کم)
AA
AAA
بڑا متن
۱۸px+ باقاعدہ، یا ۱۴px+ بولڈ
AA
AAA
UI اجزاء
آئیکن، بارڈرز، فارم کنٹرولز اور گرافکس
AA
AAA
لائیو پریویو
The quick brown fox
بڑا متن آرام سے پڑھا جاتا ہے جب کنٹراسٹ کافی ہو۔
یہ معمول کے متن کا ایک نمونہ پیراگراف ہے۔ اچھا رنگ کنٹراسٹ آپ کا مواد سب کے لیے قابلِ پڑھ رکھتا ہے، بشمول کم بینائی یا رنگ اندھا پن والے افراد۔ ایک نمونہ لنک.
چھوٹا پرنٹ اور کیپشن سب سے مشکل ہیں — انہیں سب سے زیادہ کنٹراسٹ چاہیے۔
نمونہ بٹن
نمونہ بٹن
تجویز
یہ مجموعہ معمول کے متن کے لیے پہلے سے WCAG AA پر پورا اترتا ہے۔ شاباش!
قریب ترین قابلِ رسائی متن رنگ جو AA (4.5:1) پاس کرے:
:1
اس متن کے رنگ کا کوئی قابلِ رسائی ورژن اس پس منظر کے خلاف AA تک نہیں پہنچتا — پس منظر تبدیل کرنے کی کوشش کریں۔
سب کچھ WCAG 2.x نسبتی لیومینینس فارمولے کا استعمال کرتے ہوئے آپ کے براؤزر میں لائیو حساب ہوتا ہے — کوئی اپ لوڈ نہیں، کوئی سائن اپ نہیں، مکمل مفت۔
مقبول تلاشیں
کلر کنٹراسٹ چیکر
wcag کنٹراسٹ تناسب
رسائی کنٹراسٹ چیکر
ٹیکسٹ کنٹراسٹ چیکر
aa aaa کنٹراسٹ ٹیسٹ
کلر کنٹراسٹ آن لائن چیک کریں