أداة انتقاء الألوان واستخراج كود HEX و RGB

انتقاء وتوليد درجات الألوان بدقة، استخراج الأكواد، وإنشاء لوحات وتدرجات لونية متناسقة.

أداة انتقاء الألوان واستخراج كود HEX و RGB

انتقاء وتوليد درجات الألوان بدقة، استخراج الأكواد، وإنشاء لوحات وتدرجات لونية متناسقة.

كيف يعمل

1
أدخل بيانات الاستعلام
حدد المعاملات أو الموقع أو البيانات التي ترغب في البحث عنها.
2
جلب البيانات أو التحقق منها
استرجع المعلومات أو تحقق من صحتها بأمان داخل جلستك.
3
راجع النتائج والجداول
اطلع على الجداول الزمنية أو الأرقام المرجعية أو التحليلات المفصلة.
مركز المفاهيم والمعرفة

منتقي ومولد الألوان المتقدم: استخراج أكواد HEX وRGB وHSL مع معاينة التباين

يعد اختيار التناغم اللوني الصحيح حجر الزاوية في نجاح واجهات المستخدم والمواقع الإلكترونية والهويات البصرية. يتيح لك منتقي الألوان من GoToolstack فحص تدرجات الألوان بدقة فائقة، وتوليد تدرجات متناسقة، ونسخ الأكواد البرمجية بصيغ متعددة بنقرة واحدة، بالإضافة إلى أداة قطارة (Eyedropper) لالتقاط أي لون من الشاشة.

حالة استخدام واقعية: مصمم واجهات يرغب في اختبار تباين لون نص الزر مقابل خلفيته؛ توفر الأداة قياساً فورياً لنسبة التباين (Contrast Ratio) للتأكد من مطابقتها لمعايير إمكانية الوصول العالمية (WCAG AAA).

تعمل الأداة بسرعة فائقة في المتصفح دون الحاجة لأي اتصالات بالخادم.

البنية الأساسية والمعادلة الرياضية

\text{Contrast Ratio} = \frac{L_1 + 0.05}{L_2 + 0.05}, \quad L = 0.2126 R' + 0.7152 G' + 0.0722 B'

حساب السطوع النسبي للألوان وفق معايير W3C لقياس نسبة التباين بين لوني النص والخلفية بدقة هندسية.

أفضل الممارسات والإرشادات الأساسية

  • فحص نسبة التباين للنصوص المهمة: تأكد من تحقيق نسبة تباين لا تقل عن 4.5:1 للنصوص المعتادة و3:1 للعناوين الكبيرة لضمان سهولة القراءة.
  • استخدام قطارة الألوان (EyeDropper API): انقر على أيقونة القطارة لاختيار أي لون مباشر من أي عنصر معروض على شاشتك.
  • نسخ الكود بالصيغة المطلوبة لبيئة عملك: انسخ كود HEX لتصميمات الويب، أو RGB لتطبيقات الجافا سكريبت، أو HSL لتحكم أسهل بالتفتيح والتعتيم.
  • تجربة التدرجات المتكاملة (Monochromatic / Complementary): استعرض الألوان المكملة والمشابهة لتكوين هوية بصرية مريحة للعين.

الأسئلة الشائعة والأجوبة (FAQ)

هل تدعم قطارة الألوان التقاط الألوان من خارج نافذة المتصفح؟
في المتصفحات الحديثة الداعمة لـ EyeDropper API، يمكنك التقاط الألوان من أي مكان على شاشة حاسوبك بسهولة.
ماذا تعني معايير WCAG AA وAAA المعروضة في الأداة؟
هي معايير النفاذ الرقمي الدولية التي تحدد مدى سهولة قراءة النصوص لجميع المستخدمين وضعاف البصر على خلفيات ملونة.
هل يمكنني إدخال كود لون يدوي وتعديل درجاته؟
نعم، يمكنك كتابة كود HEX أو قيم RGB في الحقول النصية ليتم عرض اللون وضبط تشبعه وإضاءته فورياً.
هل يتم تسجيل أو إرسال لوحات الألوان التي أصنعها؟
لا، تعمل الأداة محلياً بالكامل ولا يتم تخزين أي من ألوانك أو تصاميمك خارج جهازك.