لون
منتقي الألوان
اختر لونًا، واحصل على hex/rgb/hsl + التباين.
s
l
- rgb
- 155, 107, 90
- hsl
- 16°, 27%, 48%
- مقابل الأبيض
- 4.52 · AA
- مقابل الأسود
- 4.64 · AA
حول
اختر أي لون وشاهد قيمه hex وRGB وHSL إضافةً إلى نسب تباين WCAG مقابل الأسود والأبيض.
كيفية الاستخدام
- انقر على عيّنة اللون لفتح المنتقي الأصلي، أو اكتب رمز hex.
- اقرأ قيم RGB وHSL.
- تحقق من نسب تباين WCAG مقابل الأسود والأبيض.
أمثلة
- تأكد أن لون علامتك يحقق تباين AA فوق خلفيتك.
- حوّل قيمة HSL من Photoshop إلى رمز hex الذي تحتاجه في CSS.
- خمّن الألوان المكمّلة بتعديل درجة اللون.
الأسئلة الشائعة
ماذا يعني AA / AAA؟
درجات تباين WCAG. تتطلب AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير. وتتطلب AAA نسبة 7:1 — المعيار الذهبي.
لماذا قراءتان للتباين؟
حتى ترى بلمحة واحدة هل تستخدم نصًا أسود أم أبيض فوق تلك الخلفية.