منتقي الألوان من الصورة واستخراج لوحة الألوان

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

اسحب صورة وأفلتها هنا، أو انقر لاختيار ملف

الصيغ المدعومة: JPG وPNG وWebP وGIF. تبقى الملفات على جهازك.

انقر على الصورة لاختيار لون. حرك المؤشر لمعاينة اللون قبل النقر.

اللون المختار

لوحة الألوان

يقرأ متصفحك الألوان مباشرة من بكسلات الصورة باستخدام Canvas API. لا يتم رفع الصورة نفسها إلى أي خادم.

التقط الألوان الدقيقة من أي صورة

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

استخدمه لمطابقة ألوان العلامة التجارية، أو لإعادة بناء تصميم من لقطة شاشة، أو لأخذ درجات لونية من صورة لتصميم، أو لاستخراج مجموعة ألوان من عمل فني.

كيف تختار لونًا من صورة

  1. افتح صورة. أفلت صورة أو اخترها فتظهر على مساحة العمل.
  2. انقر على بكسل. انقر على أي مكان في الصورة لالتقاط اللون في تلك النقطة.
  3. انسخ الكود. انسخ قيمة HEX أو RGB أو HSL، أو انقر على لون في اللوحة لنسخ كود HEX الخاص به.

ثلاث صيغ للألوان

يظهر كل لون تختاره بصيغة HEX لملفات CSS وبرامج التصميم، وRGB للبرمجة، وHSL لضبط درجة اللون والتشبع والإضاءة. انسخ ما يحتاجه مشروعك.

لوحة ألوان تلقائية

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

قراءة البكسلات محليًا

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

أسباب عملية لاستخدامه

  • نسخ بنقرة واحدة: احصل على HEX أو RGB أو HSL فورًا.
  • لوحة ألوان في ثوان: الألوان الرئيسية لأي صورة جاهزة لإعادة الاستخدام.
  • بدون رفع: تقرأ البكسلات في متصفحك وتبقى خاصة.
  • بدون تكلفة: مجاني بدون حساب وبدون أي علامة مائية.
  • أي جهاز: يعمل بنقرة على الكمبيوتر أو بلمسة على الهاتف.

استخدامات شائعة لمنتقي الألوان

السبب الأكثر شيوعًا لفتح هذه الأداة هو معرفة كود اللون (hex) للون تراه في صورة أو لقطة شاشة. أفلت شعارًا وانقر على الرمز لقراءة لون العلامة التجارية الدقيق، أو انقر على خلفية لقطة شاشة لمطابقة لون موقع مع صورة تعمل عليها. كل اختيار يعطيك القيمة بثلاث صيغ معًا: كود HEX مثل #1A73E8 للصقه في CSS أو برنامج تصميم، ونص RGB مثل rgb(26, 115, 232) للبرمجة، ونص HSL لضبط درجة اللون والتشبع والإضاءة. بجانب كل قيمة زر نسخ، فمعرفة قيمة RGB لبكسل واحد لا تتطلب أكثر من نقرة ونسخ.

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

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

افتح صورتك، ثم انقر على المكان الذي يهمك. يظهر لون ذلك البكسل بصيغة HEX وRGB وHSL، مع زر نسخ لكل منها.

نعم. بمجرد تحميل الصورة، تحللها الأداة وتعرض لوحة بالألوان الأكثر شيوعًا. انقر على أي عينة لنسخ قيمة HEX الخاصة بها.

لا. ترسم الصورة على canvas في متصفحك وتقرأ قيم الألوان من هناك. لا يتم إرسال الملف إلى أي خادم.

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

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

تقرأ الأداة قيمة البكسل الدقيقة من بيانات الصورة، لذلك يؤخذ اللون مباشرة من المصدر وليس بالتقدير.

نعم. يمكنك أخذ عينة من أي بكسل ظاهر. المناطق الشفافة تمامًا لا تعطي أي لون لأنه لا يوجد شيء لقراءته فيها.

نعم، مجانية تمامًا، ولا تحتاج إلى حساب، ولا تضيف أي شيء إلى صورتك.

حمل الصورة، ثم انقر على المكان الذي تريده. يعرض حقل HEX كود ذلك البكسل، مثل #1A73E8، وزر "نسخ" بجانبه يضع الكود في الحافظة جاهزًا للصقه في CSS أو برنامج تصميم.

انقر على البكسل في الصورة واقرأ حقل RGB، الذي يعرض اللون بصيغة rgb(red, green, blue)، مثل rgb(26, 115, 232). استخدم زر "نسخ" الخاص به لأخذ القيمة. ويظهر الاختيار نفسه أيضًا بصيغة HEX وHSL.

افتح صورة الشعار وانقر مباشرة على الجزء الملون من الرمز. يظهر اللون المختار بصيغة HEX وRGB وHSL مع أزرار نسخ، فتحصل على لون العلامة التجارية الدقيق. وتعرض لوحة الألوان التلقائية بجانبه أيضًا الألوان الرئيسية في الشعار كعينات يمكنك نسخها.

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

أدوات ذات صلة