تصویر سے رنگ چنیں (Color Picker & Dropper)

تصویر کے کسی بھی پکسل پر کلک کر کے اس کا درست HEX، RGB اور HSL کوڈ حاصل کریں۔

تصویر سے رنگ چنیں (Color Picker & Dropper)

تصویر کے کسی بھی پکسل پر کلک کر کے اس کا درست HEX، RGB اور HSL کوڈ حاصل کریں۔

كيف يعمل

1
Enter Query Details
Specify the parameters, location, or query data you want to look up.
2
Fetch or Validate Data
Retrieve or validate information securely within your session.
3
Inspect Detailed Results
Review schedules, reference figures, or comprehensive data tables.
مركز المفاهيم والمعرفة

منتقي ومولد الألوان المتقدم: استخراج أكواد 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 في الحقول النصية ليتم عرض اللون وضبط تشبعه وإضاءته فورياً.
هل يتم تسجيل أو إرسال لوحات الألوان التي أصنعها؟
لا، تعمل الأداة محلياً بالكامل ولا يتم تخزين أي من ألوانك أو تصاميمك خارج جهازك.