أداة انتقاء الألوان واستخراج لوحة الألوان - انتقِ الألوان من الصورة

ارفع أي صورة، وانقر لاختيار لون بكسل (HEX / RGB / HSL) أو استخراج لوحة الألوان السائدة تلقائيًا. نزّلها بصيغة JSON أو متغيرات CSS.

أفلِت صورة لاستخراج لوحة ألوانها

PNG, JPG, WEBP, GIF

تُحذف الملفات تلقائيًا بعد المعالجةبلا علامات مائيةمجانية الاستخدام — لا حاجة للتسجيل

انتهيت من منتقي الألوان؟ جرّب هذه الأدوات بعد ذلك

أدوات منتقاة بعناية تتكامل مع منتقي الألوان. واصل عملك دون فقدان ملفك.

عرض جميع الأدوات

Frequently Asked Questions

ارفع أي صورة JPG أو PNG أو WebP أو GIF وانقر في أي مكان على الصورة المعروضة — يُؤخذ البكسل الدقيق تحت المؤشر ويُعرض بصيغ HEX وRGB وHSL مع نسخ بنقرة واحدة لكل صيغة. مثالي لمطابقة لون علامة تجارية، أو أخذ عيّنة لون من صورة فوتوغرافية، أو التقاط نغمات مميّزة من نموذج تصميم.

usage

يُصغَّر حجم الصورة إلى 320 بكسل على أطول أضلاعها، ثم يُصنَّف كل بكسل في سلّة بحسب أعلى 4 بتات لكل قناة. تُحسب متوسطات السلال الأكثر امتلاءً لتعود إلى ألوان 8 بت كاملة، وتُرتَّب حسب التكرار، وتُعاد كلوحة ألوانك. تتكوّن النتيجة عادةً من 5 إلى 24 لوناً مهيمناً تلخّص الصورة بصرياً.

technical

نعم. تنتج أزرار التنزيل صيغتين: كتلة متغيرات CSS جاهزة للصق في محدِّد ‎:root‎ (--color-1، --color-2…)، وملف JSON يحتوي القيمة الست عشرية ومكوّنات RGB ونسبة الوزن لكل لون. وتتكامل الصيغتان بسلاسة مع رموز التصميم وإعدادات Tailwind ومكتبات لوحات الألوان.

features

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

privacy

لأعمال هوية العلامة التجارية، يُعد 5-8 ألوان هو النطاق المثالي — فهو يلتقط الطابع السائد دون إضعاف اختيارات الألوان المميزة. لتصوير البيانات، نوصي بـ 10-16 لونًا لتحصل على ما يكفي من الدرجات التصنيفية. يتيح لك شريط التمرير الاختيار بين 5 و24.

tips

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

technical

صيغة HEX (#RRGGBB) هي الأكثر إيجازاً وهي ما يستخدمه CSS وFigma وSketch افتراضياً. وتعرض RGB قيم المكوّنات الثلاثة من 0 إلى 255 — وهي مفيدة عند التعامل مع بيانات الصور برمجياً. أما HSL (التدرّج اللوني والتشبّع والإضاءة) فهي بديهية لضبط الألوان: غيّر التدرّج اللوني لتغيير عائلة اللون، واضبط الإضاءة للحصول على الدرجات الفاتحة والداكنة.

technical

نعم. مجانية، دون حاجة إلى حساب، ودون حدود على حجم الصورة أو عدد لوحات الألوان المستخرَجة. ولا شيء لتثبيته — فالأداة بأكملها صفحة ويب واحدة.

pricing

How Color Picker helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Creators

تدقيق هوية العلامة التجارية

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

For Creators

بناء لوحات ألوان لتصميم الويب

استخرج الألوان الغالبة من صورة أو لوحة إلهام، وصدّرها كمتغيرات CSS، ثم أضفها إلى ملف التنسيقات لديك. تغطي النقطة المثالية المكوّنة من 5 إلى 8 ألوان الألوان الأساسية والمميِّزة والمحايدة لتشكّل بذرة نظام تصميم كامل.

For E-commerce

قوائم منتجات التجارة الإلكترونية

طابِق ألوان خلفية صور المنتجات مع سمة متجرك. اختر اللون المميز السائد من صورة حذاء رياضي أو فستان، واستخدمه كلون إبراز بارز لإعلان المنتج.

Personal Use

إلهام التصميم الداخلي والأزياء

صوّر غرفة أو زِيًّا يعجبك واستخرج لوحة الألوان. استخدمها لاختيار الطلاء أو الأقمشة أو الإكسسوارات التي تكمّل النظام اللوني القائم — لتحويل الإلهام البصري إلى عينات ألوان قابلة للتطبيق.

For Developers

مخططات تصوّر البيانات

أنشئ لوحة ألوان تصنيفية من 10 إلى 16 لوناً مستوحاة من صورة تريد استحضار أجوائها (مثل لوحة بالألوان المائية لرسم بياني ناعم، أو غروب للتدرجات من الدافئ إلى البارد). أفضل من اختيار درجات لونية عشوائية.

For Creators

سير عمل أصول الألعاب وواجهات المستخدم

استخرج لوحة الألوان المفهرسة من رسوم السبرايت أو نماذج واجهات المستخدم لإدخالها في أداة فن البكسل أو محرك ألعاب. يتكامل تصدير لوحة الألوان بصيغة JSON مع Aseprite وPhotoshop ومعظم مسارات الأصول.