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

كيف تستخدمها

1. أفلت صورة على البطاقة، أو الصقها بـ ⌘V، أو اضغط «اختر صورة». تظهر لوحة من HEX وRGB ونسبة كل لون فورًا — دون زر للضغط ودون رفع أي شيء.
2. اختر عدد الألوان (6 أو 8 أو 16) وما إذا كان الترتيب حسب السيادة أو حسب درجة اللون. تتحدّث اللوحة فورًا عند تغيير أي منهما دون إعادة فك الترميز.
3. اضغط «نسخ» على أي لون لنسخه وحده، أو «نسخ كـ CSS» / «نسخ كـ JSON» لتأخذ اللوحة كاملة. «تنزيل JSON» / «تنزيل نص» يحفظها كملف. لا يُعدَّل الأصل أبدًا.

مثال

ykit-palette-ar.jpg
1200 × 800 · 47.6 KB · تدرّج + نص

#225398  rgb(34, 83, 152)  ١٢٫٥%
#3A33BF  rgb(58, 51, 191)  ١٢٫٥%
#4254A5  rgb(66, 84, 165)  ١٢٫٥%
… 5 أخرى

هذه مخرجات حقيقية لخوارزمية القطع المتوسط على صورة العيّنة العربية (2026-10-27، Chromium). يُرسم نص العيّنة بلغة الصفحة، لذا تختلف العيّنة العربية عن الإنجليزية والصينية قليلًا في الحجم وألوان منتصف التدرّج. تصف النِّسب الصورة المصغَّرة إلى 200px وتُقرّب إلى منزلة عشرية — وتقول الأداة ذلك بدل تزييف الدقة.

القواعد والحدود والمشاكل المعروفة

• لا يُرفع شيء: تُقرأ الصورة وتُصغَّر وتُحلَّل في هذه الصفحة، ولا يُرسل المتصفح أي طلب شبكة. يُقرأ الملف الأصلي فقط ولا يُعدَّل.
• تُقاس نسبة كل لون على الصورة المصغَّرة (أطول ضلع 200px) وتُقرّب إلى منزلة عشرية واحدة؛ وهي ليست عدًّا لكل بكسل في الأصل. وقد لا يصل مجموع النِّسب إلى 100 بالضبط بسبب التقريب.
• تُتجاهل البكسلات الشفافة (شفافية أقل من 50%): لا لون لها، وإدخالها يلوّث اللوحة فقط. الصورة الشفافة بالكامل تُبلِّغ «لا بكسلات مرئية» بدل اختلاق لون.
• حتى 20 MB و16 ميجابكسل للصورة الواحدة، تُرفض قبل فك الترميز حتى لا تستهلك الصورة الكبيرة الذاكرة. تُصغَّر الصورة إلى أطول ضلع 200px قبل قراءة البكسلات، ما يحافظ على السرعة لكنه يُنعّم التفاصيل اللونية الدقيقة قليلًا.
• لا يوجد زر «استخراج» ولا مُقطّب دقيق: تبلغ هذه الأداة اللوحة المهيمنة لا اللون الدقيق تحت المؤشر، ولا تحكم فيما إذا كانت الألوان متناسقة.
• صورة واحدة في كل مرة. لا يوجد سجل ولا رابط مشاركة سوى عنوان الصفحة النظيف — لا شيء مُخزَّن، فالتحديث يبدأ من الصفر.

أدوات ذات صلة

ما الذي يحتاجه الناس عادةً بعد الحصول على الألوان.