رنگ کنٹراسٹ چیکر
متن اور پس منظر کے رنگ کے درمیان WCAG کنٹراسٹ تناسب جانچیں — معمول کے متن، بڑے متن اور UI اجزاء کے لیے AA/AAA پاس-فیل گریڈ دیکھیں، لائیو پریویو اور قابلِ رسائی رنگ کی تجاویز کے ساتھ۔
متن کا رنگ
ٹِنٹ
پس منظر کا رنگ
ٹِنٹ
کنٹراسٹ تناسب
--:1
معمول کا متن
۱۸px سے کم متن (یا ۱۴px بولڈ سے کم)
AA AAA
بڑا متن
۱۸px+ باقاعدہ، یا ۱۴px+ بولڈ
AA AAA
UI اجزاء
آئیکن، بارڈرز، فارم کنٹرولز اور گرافکس
AA AAA
لائیو پریویو

The quick brown fox

بڑا متن آرام سے پڑھا جاتا ہے جب کنٹراسٹ کافی ہو۔

یہ معمول کے متن کا ایک نمونہ پیراگراف ہے۔ اچھا رنگ کنٹراسٹ آپ کا مواد سب کے لیے قابلِ پڑھ رکھتا ہے، بشمول کم بینائی یا رنگ اندھا پن والے افراد۔ ایک نمونہ لنک.

چھوٹا پرنٹ اور کیپشن سب سے مشکل ہیں — انہیں سب سے زیادہ کنٹراسٹ چاہیے۔
نمونہ بٹن نمونہ بٹن
تجویز

سب کچھ WCAG 2.x نسبتی لیومینینس فارمولے کا استعمال کرتے ہوئے آپ کے براؤزر میں لائیو حساب ہوتا ہے — کوئی اپ لوڈ نہیں، کوئی سائن اپ نہیں، مکمل مفت۔


شیئر کریں

مقبول تلاشیں
کلر کنٹراسٹ چیکر wcag کنٹراسٹ تناسب رسائی کنٹراسٹ چیکر ٹیکسٹ کنٹراسٹ چیکر aa aaa کنٹراسٹ ٹیسٹ کلر کنٹراسٹ آن لائن چیک کریں

اس مفت ٹول کو اپنی ویب سائٹ پر شامل کریں — نیچے دیا گیا کوڈ کاپی اور پیسٹ کریں۔