قطارة الألوان
الإفلات، أو اللصق (Ctrl+V)، أو النقر للرفع
رفع صورة لاختيار الألوان
أو جرّب نموذجًا:
لوحة الألوان
أداة اختيار واستخراج الألوان – أداة مجانية عبر الإنترنت
يتيح مستخرج الألوان المجاني عبر الإنترنت اختيار أي لون من صورة بنقرة واحدة — دون الحاجة إلى تثبيت أي برنامج أو إنشاء حساب. يكفي رفع الصورة، وتمرير المؤشر فوقها للتكبير، والنقر على أي بكسل لإظهار قيمه بصيغ HEX وRGB وHSL وHSV فورا، ثم إنشاء لوحة ألوان كاملة انطلاقا من اللون المختار. ويمكن تنزيل النتائج في أي وقت.
كيفية اختيار الألوان من صورة
يمكن إسقاط صورة على اللوحة، أو النقر على رفع الصورة، أو لصقها بالضغط على Ctrl + V. تدعم الأداة صيغ JPEG وPNG وWebP وHEIC و GIF.
يمكن تمرير المؤشر فوق الصورة للتكبير باستخدام العدسة المكبرة، ثم النقر في أي مكان لالتقاط لون ذلك البكسل. تظهر قيم HEX وRGB وHSL وHSV فورا.
يمكن النقر على أي حقل قيمة لنسخه إلى الحافظة، أو حفظ الألوان لاستخدامها لاحقا، أو إنشاء لوحة ألوان كاملة وتصديرها كمتغيرات CSS أو شريط عينات PNG.
الميزات الرئيسية
- أربع صيغ للألوان – عرض اللون المختار ونسخه بصيغ HEX وRGB وHSL وHSV بنقرة واحدة على أي حقل قيمة.
- مكبر بدقة البكسل – عدسة تكبير دائرية تتبع المؤشر لتحديد البكسل المطلوب بدقة.
- 8 أنواع من لوحات الألوان – إنشاء لوحات ألوان بأنواع متجاورة أو متكاملة أو ثلاثية أو رباعية أو متكاملة منقسمة أو أحادية اللون أو ظلال أو درجات فاتحة، تضم 3–10 عينات.
- خيارات التصدير – نسخ جميع رموز HEX الخاصة باللوحة دفعة واحدة، أو تنزيل شريط عينات PNG، أو تصدير اللوحة كخصائص CSS مخصصة (
:rootمتغيرات). - الألوان المحفوظة – حفظ أي لون في لوحة ألوان شخصية محفوظة في المتصفح؛ ويمكن مسحها في أي وقت.
- دعم HEIC – يتم تحويل صور iPhone بصيغة HEIC/HEIF تلقائيا قبل اختيار الألوان.
- العمل بالكامل داخل المتصفح – لا تُرفع الصور أبدًا إلى أي خادم.
- مجاني وغير محدود – بلا تسجيل، وبلا علامات مائية، وبلا حدود.
ما هو مستخرج الألوان؟
مستخرج الألوان (أو أداة اختيار ألوان الصور) هو أداة تقرأ اللون الدقيق لأي بكسل في صورة فوتوغرافية وتحوله إلى رموز ألوان قياسية تستخدم في التصميم والتطوير. فبدلا من تقدير اللون بالعين أو إدخال القيم يدويا، يكفي النقر على النقطة المطلوبة ليتولى الأداة عملية التحويل — بدءا من قيم RGB الأولية التي تعرضها الشاشة وصولا إلى تمثيلات HSL وHSV المستخدمة في مسارات عمل التصميم الجرافيكي.
يذهب مولد لوحة الألوان إلى ما هو أبعد من ذلك: فبمجرد اختيار لون أساسي، يطبق نظرية الألوان لإنتاج تدرجات لونية متناغمة جاهزة للاستخدام مباشرة في CSS أو Figma أو أي أداة تصميم أخرى.
استخدامات شائعة
- استخراج ألوان العلامة التجارية – استخراج رموز HEX الدقيقة من شعار أو صورة للعلامة التجارية لاستخدامها بشكل متسق عبر موقع إلكتروني أو نظام تصميم.
- تصميم الويب وواجهة المستخدم – مطابقة الألوان مع صورة منتج أو صورة رئيسية لجعل التصميم متناسقا.
- إنشاء لوحات الألوان – الانطلاق من لون أساسي واحد لإنشاء مخطط ألوان متكامل أو متجاور بالكامل لمشروع ما.
- الطباعة والرسم التوضيحي – أخذ عينات من صور مرجعية لإيجاد قيم RGB دقيقة قبل مزج الدهانات أو ضبط ملف تعريف الطباعة.
- تنسيق CSS – تصدير متغيرات اللوحة مباشرة إلى
:rootكتلة يتم إدراجها مباشرة في ورقة الأنماط.
الأسئلة الشائعة
#3a7bd5)، RGB (rgb(58, 123, 213))، HSL (hsl(216, 63%, 53%))، وHSV (hsv(216, 73%, 84%)). يمكن النقر على أي حقل لنسخه فورا.:root { } كتلة تحتوي على كل لون من ألوان اللوحة كخاصية CSS مخصصة (على سبيل المثال --color-1: #3a7bd5;). يمكن لصق هذا مباشرة في ورقة الأنماط، ثم الرجوع إلى المتغيرات في جميع أنحاء المشروع.