المميزات

أداة منتقي الألوان مجانية عبر الإنترنت تسمح لك بانتقاء الألوان وتحويلها ودمجها من مساحة عمل بصرية واحدة. حرّك القطارة عبر لوحة الألوان، أو الصق أي كود HEX أو RGB أو HSL أو HSV لرؤية مطابقاته، وأنشئ تدرجات متعددة نقاط التوقف، وصدّر لوحات ألوان جاهزة للاستخدام في CSS أو أدوات التصميم أو إرشادات العلامة التجارية. كل التحويلات وعمليات العرض تحدث محليًا داخل متصفحك — قيم ألوان العلامة التجارية وأعمال التصميم الخاصة بالعملاء لا تلمس أي خادم أبدًا.

مواقف تحتاجها

مشاكل شائعة يحلها

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

كيفية الاستخدام

خطوات بسيطة خطوة بخطوة

1. اختر لونًا أوليًا باستخدام لوحة المنتقي، أو القطارة، أو بلصق كود HEX/RGB/HSL/HSV في حقل الإدخال
2. بدّل بين علامات التبويب لنماذج الألوان لنسخ القيمة المكافئة بالصيغة التي يحتاجها مسار عملك
3. أنشئ لوحة ألوان أو تدرجًا عن طريق إضافة عينات وتعديل مواقع نقاط التوقف ومنحنيات الانتقال
4. انسخ سلسلة CSS النهائية، أو معاينة PNG، أو رابط لوحة ألوان قابل للمشاركة لاستخدامه في التصميم أو قاعدة الكود الخاصة بك

لماذا تختارنا

ما يميزنا

1. التحويل ذو الاتجاهين الكامل بين HEX/RGB/HSL/HSV مع دعم قناة ألفا — لا يفقد الدقة عند التنقل بين CSS، وكود تطبيقات الهاتف بـ Swift/Kotlin، وأدوات التصميم
2. منشئ التدرجات الفوري مع إخراج CSS ومعاينة فورية — يتيح لك التكرار حتى تصل للمظهر الدقيق قبل اللصق في الإنتاج
3. كل العمليات الحسابية تعمل داخل المتصفح؛ لا تُرسَل قيم ألوان العلامة ولا صور المرجع المرفوعة ولا تُفهرس في أي مكان

اربح من هذه الأداة

حوّل هذه الأداة إلى مصدر دخل جانبي

1. استخدم هذه الأداة لتسريع عملك الحرّ وجذب المزيد من العملاء المدفوعين
2. أنشئ محتوى احترافيًا بشكل أسرع لمدونتك أو قناتك على يوتيوب أو وسائل التواصل الاجتماعي
3. قدّم قدرات هذه الأداة كخدمة على Fiverr أو Upwork أو للعملاء المحليين

الأسئلة الشائعة

1. هل يمكنني التحويل بين HEX وRGB وHSL وHSV دون فقدان الدقة؟

   نعم. كل تحويل يستخدم الرياضيات القياسية لفضاء الألوان sRGB ويحافظ على قناة ألفا سليمة. يمكنك التنقل باللون ذاته بين الصيغ الأربع ثم العودة للكود الأصلي عدة مرات كما تشاء دون أي انحراف.

2. هل يدعم المنتقي عتامة / قيم ألفا لعناصر الواجهة نصف الشفافة؟

   نعم. يعرض كل نموذج ألوان شريط تمرير مخصص لألفا، وتتضمن صيغ الإخراج HEX من 8 خانات مع ألفا، وrgba() وhsla() وhsva()، بحيث يتطابق الكود الذي تلصقه تمامًا مع ما تتوقعه أدوات التصميم والمتصفحات.

3. عند إفلات صورة في القطارة، هل تُرفع هذه الصورة إلى خوادمكم؟

   لا. تُفكّك الصورة وترسم على لوحة قماشية في الذاكرة داخل متصفحك. لا تخرج أي بيانات بكسل أو لوحة ألوان أو كتلة ملف من جهازك، لذا تظل أصول العلامة، ولوحات الإلهام الخاصة بالعملاء، ونماذج الواجهة السرية خاصة.

4. هل يمكنني حفظ لوحة ألوان أو تدرج أو مشاركته مع زميل؟

   نعم. يتضمن رابط المشاركة حالة لوحة الألوان أو التدرج كاملة داخل الهاش، لذا يرى أي شخص لديه الرابط نفس الألوان بدقة؛ ويمكنك كذلك تصدير اللوحة كنص عادي، أو متغيرات CSS، أو صورة معاينة لاستخدامها في عرض تقديمي للهوية البصرية.

5. كيف أتأكد من أن زوجًا من لون النص على الخلفية يفي بشروط تباين WCAG؟

   تحسب لوحة التباين النسبة بين أي عينة لون أمامية ولون الخلفية في الوقت الفعلي، وتشير إلى ما إذا كان الزوج يتجاوز عتبة AA أو AAA أو عتبة النص الكبير، حتى تتمكن من تعديل اللون والتشبع حتى يصبح الزوج متاحًا لذوي الاحتياجات الخاصة.