Color Picker

اختر الألوان واعمل بدون تعقيد

أنشأنا Color Picker في 2025 لأننا سئمنا من التطبيقات الثقيلة وأدوات الألوان المعقدة. كنا نحتاج كـ مطورين ومصممين إلى شيء يتيح لنا اختيار اللون وتعديله بسرعة. بدأ كأداة داخلية ثم أصبح شائعًا بين الزملاء، فقمنا بترتيبه وطرحه على الويب ليستفيد منه الجميع. بدون حسابات، بدون تعقيد – فقط افتح الصفحة، اختر الدرجة وانسخ الأكواد HEX أو RGB أو HSL أو HSV.

لماذا يحب الناس أداة Color Picker؟

إذا سبق لك أن تأملت تصميمًا وفكرت كيف تلتقط الدرجة الصحيحة، ستقدّر بساطة Color Picker. أبقينا الواجهة بسيطة عن قصد:

• انقر، تحصل على اللون – انقر في أي مكان على اللوحة وستحصل فورًا على القيم. تريد أخذ عينة من صورة أو لقطة شاشة؟ اسحبها إلى الصفحة واستخدم أداة الالتقاط.
• التدرجات أصبحت سهلة – يمكنك إنشاء انتقالات سلسة عبر إضافة وتحريك النقاط. غيّر بين الخطي والدائري، اضبط الزوايا والشفافية، ثم انسخ CSS.
• بدون قيود أو تكلفة – يعمل Color Picker على أي متصفح حديث في الحاسوب أو الهاتف أو الجهاز اللوحي. لا حاجة للتثبيت ولا يوجد رسوم.
• إضافات عند الحاجة – الإضافات الاختيارية لـ Chrome وEdge تجلب أداة الالتقاط مباشرة إلى متصفحك، لتلتقط الألوان من أي صفحة وتحتفظ بالسجل.

ما فائدة الأداة

يستخدم الأشخاص Color Picker بطرق مختلفة:

• المصممون وفرق المنتجات يعتمدون عليه أثناء رسم الواجهات أو لوحات العلامة التجارية. يسهل استكشاف التركيبات ونسخ CSS المطلوب للتدرجات.
• الرسامون والفنانون يستخدمون أداة الالتقاط لاستلهام الألوان من الصور واللوحات. تساعدهم أداة التدرج على التخطيط لتظليل سلس وانتقالات لونية.
• مطوروا الواجهة الأمامية يعتمدون عليه لتوليد قيم لونية متسقة عبر المشاريع. الامتداد يجعل التقاط الألوان من المواقع الحالية أمرًا سهلًا.
• أي شخص يفحص إمكانية الوصول يمكنه عرض الألوان في نماذج مختلفة وضبط الشفافية لتلبية معايير التباين.

البدء

لا تحتاج إلى دليل لاستخدام أداتنا، لكن إليك نظرة سريعة:

• اختر اللون – انقر في أي مكان على لوحة الألوان. سترى فورًا قيم HEX وRGB وHSV. استخدم أشرطة التمرير لضبط درجة اللون والتشبع والسطوع والشفافية.
• اختر من صورة – أسقط ملف صورة على الصفحة أو اختر واحدًا. انقر على البكسل المطلوب وستظهر أكواد الألوان.
• ابنِ تدرجًا – انقر على شريط التدرج لإضافة نقاط وحركها؛ غيّر بين الأنماط الخطية والدائرية. عدّل الزاوية والشفافية حتى تحصل على النتيجة المطلوبة.
• انسخ وأعد الاستخدام – يتم حفظ ألوانك وتدرجاتك تلقائيًا. انسخ الأكواد أو CSS وألصقها في مشروعك أو شاركها مع فريقك.