تحويل أكواد الألوان — HEX وRGB وHSL وCMYK، وفحص تباين السطوع
يُستخدم لتحويل ألوان تصميم العرض إلى كود CSS، أو للتحقق من وضوح قراءة نص الأزرار وفق معايير إمكانية الوصول.
لا يُرسل الملف إلى أي خادم — تتم المعالجة داخل متصفح هذا الجهاز فقط
فحص تباين السطوع (WCAG)
هذه نسبة التباين مع الخلفية عند استخدام هذا اللون كلون للنص. النص العادي: AA 4.5:1، AAA 7:1 / النص الكبير (24px أو عريض 18.7px فأكثر): AA 3:1، AAA 4.5:1.
أبجد Aa 123
خلفية بيضاء6.29:1
✓ AA للنص العادي ✗ AAA للنص العادي ✓ AA للنص الكبير ✓ AAA للنص الكبير
أبجد Aa 123
خلفية سوداء3.34:1
✗ AA للنص العادي ✗ AAA للنص العادي ✓ AA للنص الكبير ✗ AAA للنص الكبير
أبجد Aa 123
اللون المحدد يدويًا #FFFFFF6.29:1
✓ AA للنص العادي ✗ AAA للنص العادي ✓ AA للنص الكبير ✓ AAA للنص الكبير
درجات التفتيح والتغميق
اضغط على الخانة لنسخ كود HEX.
إعلان
طريقة استخدام تحويل الألوان
- 1أدخل كود اللون أو اختره من منتقي الألوان (يمكن استخدام #4f46e5 أو rgb() أو hsl()).
- 2تظهر الأكواد بجميع الصيغ، وتُنسخ بالضغط عليها.
- 3تحقق من نسبة التباين مع الأبيض والأسود ولون تختاره، ومدى تحقيق معايير WCAG، ودرجات التفتيح والتغميق.
الأسئلة الشائعة
كم يجب أن تكون نسبة التباين على الأقل؟
يتطلب WCAG AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير على الأقل، أما AAA فيتطلب 7:1 و4.5:1 على التوالي.
قيم CMYK تختلف عن المطبعة.
قيم CMYK هنا هي تحويل رياضي بسيط. يختلف الطباعة الفعلية حسب الورق وملف الحبر، لذا اتبع معايير المطبعة.
إعلان