أدوات الألوان

يقيس مدقق التباين WCAG نسبة السطوع بين ألوان المقدمة والخلفية لتحديد ما إذا كانت تستوفي معايير إرشادات إمكانية الوصول لمحتوى الويب (WCAG) 2.1. تُشترط نسبة لا تقل عن 4.5:1 للامتثال AA للنصوص العادية، و7:1 للامتثال AAA.

يُقسَّم رمز اللون HEX مثل #4285F4 إلى ثلاثة أزواج: 42 (أحمر)، 85 (أخضر)، F4 (أزرق). يُحوَّل كل زوج من النظام الست عشري إلى النظام العشري. وهكذا يصبح #4285F4 بصيغة RGB(66, 133, 244). تتعامل أداة Color Converter لدينا مع صيغ HEX وRGB وHSL وHSV وCMYK وOKLCH على الفور.

ينشئ منشئ لوحة الألوان تركيبات لونية متناسقة من لون أساسي باستخدام قواعد نظرية الألوان. تشمل المخططات الشائعة: التكميلية (المقابلة على عجلة الألوان)، والمتماثلة (الألوان المتجاورة)، والثلاثية (ثلاثة ألوان متساوية المسافة)، والتكميلية المنقسمة. تضمن هذه اللوحات التناسق البصري في التصميم.

يستخدم Tailwind CSS مقياس درجات من 50 إلى 950 لكل لون، حيث يمثل 50 أفتح درجة و950 أغمقها. ينشئ Shade Generator لدينا هذا المقياس الكامل من أي لون أساسي، متوافقًا مع التوحيد الإدراكي لـ Tailwind لأنظمة تصميم متسقة.

يُطبّق محاكي عمى الألوان تحويلات رياضية على الألوان تُجسّد كيفية ظهورها للأشخاص الذين يعانون من قصور في رؤية الألوان. الأنواع الرئيسية هي: Deuteranopia (عمى الأخضر، ~6% من الذكور)، وProtanopia (عمى الأحمر، ~1%)، وTritanopia (عمى الأزرق، نادر)، وAchromatopsia (عمى الألوان الكامل).

يدعم ColorFYI ست صيغ للألوان: HEX (#4285F4)، وRGB (66, 133, 244)، وHSL (217°, 89%, 61%)، وHSV (217°, 73%, 96%)، وCMYK (73%, 45%, 0%, 4%)، وOKLCH (0.63, 0.17, 264°). OKLCH هو فضاء لوني موحّد إدراكيًا يُوصى به لـ CSS الحديث.

نعم، جميع أدوات الألوان الست في ColorFYI مجانية تمامًا دون الحاجة إلى تسجيل. تعمل بالكامل في متصفحك للحصول على نتائج فورية — Contrast Checker وColor Converter وPalette Generator وShade Generator وColor Blindness Simulator وGradient Generator.