اللون
حوّل بين HEX وRGB وHSL، وافحص تباين النص وفق WCAG.
اللون
اكتب HEX أو rgb() أو hsl() أو oklch() أو اسم لون CSS. العبارة "#777 on #fff" تفحص زوجًا من الألوان.
#2F5F8Fأزرق متوسط
كل الصيغ
- HEX
- #2F5F8F
- RGB
- rgb(47, 95, 143)
- HSL
- hsl(210, 51%, 37%)
- OKLCH
- oklch(0.475 0.094 250.4)
- الاسم
- darkslateblueأقرب اسم CSS، #483D8B
التباين
6.66:1#2F5F8F على #FFFFFF6.66:1يجتاز AA لكل النصوص
AA · normal textNeeds 4.5:1ناجح
AA · large textNeeds 3:1ناجح
AAA · normal textNeeds 7:1فشل
AAA · large textNeeds 4.5:1ناجح
أقرب لون يجتاز AAA للنص العادي#2B5B8A (7.08:1). اللون الأساسي ودرجة التشبّع كما هما، والذي تغيّر هو السطوع فقط، فيبدو قريبًا من لونك.
الخيارات
النسخ بصيغة
طريقة الكتابة
أحرف HEX
ما الذي تفعله
محوّل الألوان يعرض اللون بصيغ HEX وRGB وHSL ويفحص إن كان النص بهذا اللون مقروءًا على خلفية معيّنة.
طريقة الاستخدام
- 1اكتب لونًا أو اخترْه.
- 2انسخ الصيغة التي تحتاجها.
- 3افحص التباين مقابل خلفية.
أسئلة
ما التباين المطلوب؟
4.5:1 للنص العادي و3:1 للنص الكبير (WCAG AA).
أي صيغة أستخدم في CSS؟
أي واحدة منها. HEX هي الأكثر شيوعًا.
هل يتم على جهازي؟
نعم.
إعلان320 × 100