محوّل الألوان
الصق أي لون CSS أو اختره لتراه بكل الصيغ، وافحص تباينه مع الخلفية لنص سهل القراءة.
أي لون CSS: #2447c4 أو rgb(36 71 196) أو hsl(227 69% 46%) أو oklch(47% 0.2 265) أو rebeccapurple…
| الصيغة | القيمة | نسخ |
|---|---|---|
| HEX | — | |
| RGB | — | |
| HSL | — | |
| HWB | — | |
| OKLCH | — | |
| OKLab | — | |
| CMYK | — |
التباين
نص حكيم له سر قاطع وذو شأن عظيم مكتوب على ثوب أخضر.
- نسبة التباين
- —
- AA نص عادي (4.5:1)
- —
- AA نص كبير (3:1)
- —
- AAA نص عادي (7:1)
- —
- على الأبيض
- —
- على الأسود
- —
أسئلة شائعة
ما نسبة التباين المطلوبة؟
تطلب WCAG 2 في المستوى AA تباينًا لا يقل عن 4.5:1 للنص العادي و3:1 للنص الكبير (نحو 24 بكسل، أو 19 بكسل عريض)، وفي المستوى AAA 7:1 و4.5:1. تُستثنى الشعارات والنصوص الزخرفية.
لماذا OKLCH؟
صُمم OKLCH لتبدو الخطوات المتساوية مختلفة بالقدر نفسه للعين. تغيير الإضاءة وحدها يحافظ على درجة اللون، فهو مناسب للوحات الألوان والوضع الداكن. تدعمه كل المتصفحات الحديثة في CSS.