استخراج لون من صورة أونلاين مجاناً
اسحب الصورة، صوّب بالعدسة، وانسخ HEX أو RGB أو HSL. الشعار المسطّح يُقرأ ببكسل واحد. الصورة الفوتوغرافية يمكن أن تُؤخذ من رقعة صغيرة. على الجوال قرّب وصوّب فوق الإصبع. الملف يبقى في هذا التبويب.
اسحب صورة لاستخراج لون من صورة
JPG أو PNG أو WebP أو GIF أو BMP أو AVIF. ملف واحد تحت 40 ميجا. ألصق لقطة شاشة بـ Ctrl+V أو ⌘V.
خاص 100٪ — البكسل يبقى في هذا المتصفح. لا يُرفع شيء.
مرّر فوق الصورة. العدسة هي البكسل الحقيقي. اضغط للتثبيت. على الجوال، صوّب فوق الإصبع.
ألوان هذا الملف
ألوان ثُبّتت
كروم وإيدج فقط. هذا يقرأ الشاشة، لا الملف أعلاه.
100٪ على الجهاز
منتقي الألوان يعمل في هذا المتصفح. الصورة لا تغادر التبويب.
بدون رفع
لا يُرسل شيء إلى سيرفر لقراءة بكسل أو لبناء اللوحة.
مجاناً بلا حساب
لا تسجيل ولا علامة مائية على الكود. انسخ HEX أو RGB أو HSL.
أيضاً في هذا الموقع: تقسيم الصورة · قص الصورة · طمس صورة · بكسلة صورة · دمج الصور · ضغط الصور
ما معنى استخراج لون من صورة؟
استخراج لون من صورة يعني أن تأخذ ملفاً محفوظاً عندك وتقرأ درجة نقطة فيه ثم تخرج بالكود، لا بصورة جديدة. من يبحث عن لون من صورة أو عن سحب لون من صورة أو عن اخذ لون من صورة أو عن معرفة لون من صورة يطلب العمل نفسه: لقطة ثابتة تدخل، وكود يخرج. ليس بحث صور في غوغل عن «لون أزرق»، وليس فلتر يبدّل الدرجات. منتقي الألوان هنا يرسم ملفك على لوحة داخل التبويب ويقرأ تلك اللوحة. لا حساب، ولا علامة على الكود، ولا برنامج يُثبَّت. الصفحة مجانية لأن القراءة تتم حيث الملف مفتوح أصلاً. اختيار لون من صورة أو تحديد لون من صورة أو درجة لون من صورة يصل إلى المربع نفسه: تختار نقطة، تتحدد الدرجة، وتأخذ رقماً تلصقه في CSS أو فيغما. لا يُطلب منك اسم عربي للون ولا معرفة اسمه على العلبة. إن كان الهدف زر موقع أو خلفية تصميم، فالصيغ الثلاث تكفي. الصفحة لا تبحث عن صور في الإنترنت نيابة عنك ولا تخمّن لوناً غير موجود في البكسل.
أداة الشاشة وإضافات المتصفح تنظر إلى ما يظهر على الشاشة الآن. لا تفتح PNG جالساً في التنزيلات إن لم تضعه أنت، وتفشل في المتصفحات التي لا تملك واجهة التقاط الشاشة. هذه الصفحة لا تعتمد على ذلك. تسقط الملف أو تلصق لقطة الشاشة، فيُفك البكسل هنا. رابط صفحة أو رابط صورة مباشرة مرفوض: صورة على موقع آخر غالباً لا تُقرأ من هذا التبويب، ولن نرفع ملفك إلى سيرفر للالتفاف على ذلك. التقاط الشاشة، إن ظهر، زر منفصل في كروم وإيدج فقط، ويقرأ الشاشة لا الملف الذي أسقطته. على الحاسوب الصق اللقطة من الحافظة. على الجوال إن لم يعرض المتصفح اللصق فاختر الملف من الاستوديو. لا إذن كاميرا ولا حساب. منتقي الألوان على غوغل يخلط شريطاً بلا ملف عندك، وهذا الرابط لا يقوم بذلك. لا نشرح قائمة فوتوشوب ولا كانفا ولا الوورد: تلك البرامج تبقى عندها، والكود الذي تحتاجه من ملف محفوظ يخرج من هنا.
بكسل واحد هو القراءة الصحيحة على شعار مسطّح أو تعبئة زر. على صورة كاميرا غالباً قراءة خاطئة. بلوكات JPEG وتشويش المستشعر وحافة التنعيم تجعل الجيران يختلفون بينما العين ترى معدّلاً. إعداد 3×3 و 5×5 يحسب متوسط تلك الرقعة فيقرب الكود مما تراه. العدسة ترسم البكسل الحقيقي، شبكة 11 في 11، وخلية الوسط معلَّمة حتى لا يغطي المؤشر النقطة. البكسل الشفاف داخل الرقعة يُتخطى ولا يُحسب كأسود. أسهم لوحة المفاتيح تحرّك المؤشر حين تكون الحافة أرفع من الماوس: سهماً واحداً لكل بكسل، وعشر بكسلات مع Shift. الحساب يجري على النسخة التي تعرضها الصفحة. إن تجاوز عرض الملف 2000 بكسل فالقراءة تتم على نسخة بهذا المقاس ويظهر تنبيه، والأكواد تتبع تلك النسخة لا العرض الأصلي بكسل مقابل بكسل.

HEX و RGB و HSL لون واحد
انسخ التهجئة التي ينتظرها البرنامج التالي. الأكواد الثلاثة تحت تصف بكسلًا واحداً بعد التثبيت.
| Format | Example | Use |
|---|---|---|
| HEX | #1A73E8 | CSS و HTML وفيغما ومعظم أدوات التصميم. ست خانات بعد #. |
| RGB | rgb(26, 115, 232) | اللون نفسه كأحمر وأخضر وأزرق من 0 إلى 255. |
| HSL | hsl(214, 82%, 51%) | كنه وتشبّع وإضاءة. أسهل إن أردت درجة أفتح أو أغمق بعد ذلك. |
ماذا تستطيع أن تفعل هنا
ملف واحد، وعدسة، وتقريب، ومقاس عيّنة، وأكواد تُنسخ. اللوحة تبقي المساحات الواسعة والألوان الأقوى معاً.
عدسة للبكسل الحقيقي
الشبكة تتبع المؤشر وترسم مربعاً 11 في 11 من الملف نفسه، لا تكبيراً ضبابياً للمعاينة. الخلية الوسطى هي البكسل الذي ستثبّته. أسهم لوحة المفاتيح تحرّك بكسلًا واحداً. مع Shift تتحرّك عشر بكسلات. هذا يفيد حين تكون النقطة أرفع من حركة الماوس.
ملاءمة أو 2× أو 4×
الملاءمة تعرض الملف كله. 2× و 4× يكبّرانه حتى تُصاب علامة صغيرة. اسحب الصورة المكبَّرة للتحريك، ثم اضغط أو ارفع إصبعك للتثبيت. العدسة ما زالت تقرأ بكسل الملف، لا بكسل المعاينة المطموسة. التقريب لا يخترع تفصيلاً لم يكن في الملف.
1 بكسل أو 3×3 أو 5×5
1 بكسل هو النقطة وحدها، للشعارات والتعبئة المسطّحة. 3×3 و 5×5 يأخذان متوسط الرقعة حولها، للصور التي يختلف فيها الجار عن جاره. البكسل الشفاف داخل الرقعة يُهمل. إن كانت الرقعة كلها شفافة فلن يُخترع لون من الفراغ.
HEX و RGB و HSL وأقرب اسم
انسخ HEX أو RGB أو HSL من اللون المثبّت. الاسم أقرب اسم CSS إنجليزي بحسب المسافة في RGB، مثل steel blue أو tomato. ليس اسم ماركة مطبوعاً على العلبة، وليس ترجمة عربية للدرجة. الصق الكود في أداة التصميم، لا الاسم.
لوحة من هذا الملف
حتى ثماني عيّنات تخلط أكبر المساحات المسطّحة مع الألوان الأقوى، حتى لا يختفي شعار صغير تحت خلفية واسعة. اضغط عيّنة لتثبيتها. البنيّات شبه المكررة تُتخطى. هذه ليست لوحة ذكاء اصطناعي، وليست دليل هوية بصرية لعلامة. هي تلخيص لما في البكسل الذي فتحته.
كيف أطلع لون من صورة
أضف الملف، صوّب، ثبّت، انسخ. المعاينة هي الملف. لا توجد خطوة تحويل ثانية ولا طابور على سيرفر.
أضف الصورة
أسقط JPG أو PNG أو WebP أو GIF أو BMP أو AVIF، أو ألصق لقطة شاشة. يُفك البكسل في هذا التبويب. HEIC و TIFF و PDF تُرفض عمداً: صدّر JPG أو PNG أولاً.

صوّب وثبّت
استخدم 1 بكسل على تعبئة مسطّحة، أو 3×3 أو 5×5 على صورة. اضغط للتثبيت. على الجوال قرّب إن كانت العلامة صغيرة. العيّنة فوق الإصبع. ارفع للتثبيت.

انسخ الكود
انسخ HEX أو RGB أو HSL. إن احتجت ملفاً لا كوداً فقط، نزّل PNG مسطّحاً لهذه العيّنة. الكود مثاله #1A73E8 و rgb(26, 115, 232) و hsl(214, 82%, 51%) حين تكون تلك هي النقطة.

لماذا يختلف ما تراه عن رقم البكسل
الفارق في الملف لا في النقرة. هذه الحالات التي تُظهرها الصفحة بدل أن تخبئها.
حافة الحرف ليست التعبئة
التنعيم يخلط التعبئة مع الخلفية على كل حافة. نقرة على ذلك الطرف تُرجع لوناً ثالثاً. صوّب إلى وسط المساحة المسطّحة واستخدم 1 بكسل. طرف الشعار ليس كود العلامة.
JPEG يُخزَّن بلوكات
JPEG لا يحفظ سماء ناعمة ككود واحد. البكسل المجاور يقفز. قراءة 1 بكسل تتبدّل وأنت تتحرك. متوسط 5×5 يبقى أقرب إلى ما تقرره العين. هذا ليس عطلاً في النقرة.
لقطة الشاشة مضغوطة سلفاً
إن حفظت الصورة تطبيق محادثة أو أداة لقطات، فقد ذهب لون العلامة الأصلي قبل أن تصل إلى هنا. الصفحة تُبلّغ عن الملف الذي أضفته. لا تسترجع كوداً لم يعد داخل البكسل.
الإصبع يغطي البكسل
على الجوال العيّنة فوق الإصبع، والعدسة تعرض تلك البكسلات. ارفع للتثبيت. إن كانت العلامة صغيرة فاستخدم 2× أو 4× واسحب الصورة حتى تقع العدسة عليها. الأسهم تحرّك بكسلًا واحداً حين يكون الماوس أخشن من اللازم.
ملف اللون ليس رقم البكسل
فوتوشوب قد يعرض HEX آخر للنقطة نفسها إن حمل الملف Display P3 أو ملف طباعة. هذه الصفحة تقرأ بكسل sRGB الذي فكّه المتصفح، وهو الرقم الذي يُلصق في CSS وفيغما. لا تحوّل هذا الرقم إلى بروفة مطبعة، ولا تتراجع عن لقطة شاشة التقطت الشاشة أصلاً.
قبل أن تثق بالكود
- على الشعار اضغط وسط الشكل المسطّح. الحافة مزيج من لونين.
- على الصورة ابدأ من 5×5. انزل إلى 1 بكسل فقط حين تحتاج نقطة بعينها، مثل لمبة واحدة.
- إن أعطت نقرتان على السماء نفسها كودين HEX، فهذا الملف. خذ المتوسط بـ 5×5 بدل البحث عن بكسل يطابق الذاكرة.
- أقرب اسم قد يقول steel blue لأزرق علامة. الصق HEX في أداة التصميم. لا تلصق الاسم في CSS وتتوقع التطابق.
- GIF المتحرك يُقرأ من الإطار الأول. إطار لاحق قد يكون لوناً آخر.
- HEIC من الآيفون لا يُفتح هنا. صدّر JPG أو PNG أولاً. TIFF و PDF كذلك.
- هذه الصفحة لا تخترع قيمة CMYK للمطبعة. بكسل شاشة حُوّل إلى حبر ليس بروفة طباعة.
- إن أظهر فوتوشوب HEX آخر فقد يحمل الملف ملف لون. الصفحة تُبلّغ عن بكسل sRGB بعد فك المتصفح.
ثلاثة أعمال تنتهي في هذه الصفحة
كل بطاقة ملف عندك، وإعداد عيّنة، وحدّ تلك القراءة. لا وعد بعمل آخر.
شعار لورقة أنماط
عندك PNG لعلامة وتحتاج التعبئة في CSS. اخذ لون من صورة هنا يعني الكود، لا رسم الشعار من جديد.
الملف: PNG، أو SVG صُدّر إلى PNG، وفيه شكل علامة مسطّح.
الإعداد: 1 بكسل، والتصويب في وسط التعبئة.
ما تنسخه: HEX يُلصق في CSS أو فيغما.
الحد: الحافة المنعّمة كود مختلف. لا تضغط الطرف.
لقطة شاشة لموقع
ترى لون زر ولا تستطيع فتح ملف التنسيق. لون من صورة في هذه الحالة هو ما بقي في اللقطة لا ما كان في المصدر.
الملف: لقطة شاشة أُلصقت من الحافظة.
الإعداد: 1 بكسل على الجزء المسطّح من الزر، لا على الإطار.
ما تنسخه: HEX أو RGB.
الحد: ضغط اللقطة، والشاشة التي التُقطت عليها، قد يكونان حرّكا الكود قبل الوصول.
صورة منتج
تريد لوناً يصلح لخلفية خفيفة، لا بكسل مشوّشاً واحداً. سحب لون من صورة القماش أو البلاستيك يتم من رقعة لا من لمعة.
الملف: JPG للمنتج.
الإعداد: 5×5 على الخامة، بعيداً عن اللمعة والظل.
ما تنسخه: HSL، ثم خطوة أفتح في أداة التصميم.
الحد: الرقعة متوسط تلك البقعة. ليست عيّنة علامة مقيسة في المختبر.
هذه الصفحة وأداة الشاشة
هذه الصفحة
تقرأ ملفاً في المتصفح
أسقط صورة ثابتة أو ألصقها. العدسة ومقاس العيّنة و HEX واللوحة كلها من ذلك الملف. بلا إضافة، وبلا تطبيق ويندوز، وبلا حساب. كروم وإيدج يستطيعان أيضاً التقاط لون من الشاشة بقطّارة المتصفح نفسه. ذلك الزر مسمّى التقاط شاشة. لا يقرأ الملف الذي فوقه. الصورة لا تُرفع في الحالتين.
عمل مختلف
أدوات شاشة ومحررات وفلاتر
أداة سطح المكتب أو الإضافة تراقب الشاشة. بعض الناس يسمّون ذلك قطارة الألوان. فوتوشوب يعيّن داخل محرر كامل، ولا يلزم لقراءة كود من ملف حفظته. قص الصورة وطمس صورة وبكسلة صورة تغيّر البكسل ولا تسلّمك HEX. تقسيم الصورة يقطّع لقطة إلى مربعات. دمج الصور يجمع ملفات. ضغط الصور يخفّف الوزن. افتح تلك الصفحات حين المطلوب صورة جديدة لا كود. تغيير لون الصورة يصبغ الملف كله، وليس هذا الرابط.
أسئلة عن استخراج لون من صورة
كيف اطلع لون من صوره؟ +
اسحب الصورة إلى هذه الصفحة أو ألصق لقطة شاشة. حرّك المؤشر حتى تستقر العدسة على اللون، اضغط للتثبيت، ثم انسخ HEX أو RGB أو HSL. لون من صورة بهذا المعنى كود للنقطة، لا ملف جديد. على شعار مسطّح ابقَ عند 1 بكسل وفي الوسط. على صورة كاميرا ابدأ من 5×5 لأن الجيران لا يتفقون.
هل استخراج لون من صورة مجاني؟ +
نعم. لا حساب ولا فترة تجربة ولا علامة مائية على الكود. القراءة تحدث في التبويب المفتوح عندك. لا يُطلب بريد ولا تثبيت. نسخ HEX و RGB و HSL وتنزيل عيّنة PNG المسطّحة يدخلان في الصفحة نفسها بلا قفل مدفوع. يمكنك فتح أكثر من تبويب وقراءة ملفات مختلفة، وبعد الإغلاق لا يبقى سجل على السيرفر. لا رصيد يومي ولا سقف لعدد النقرات.
هل تُرفع الصورة عند القراءة؟ +
لا. المتصفح يفك الملف ويقرأ البكسل على هذا الجهاز. إغلاق التبويب يمسح العمل من الصفحة. لا حساب مربوط بالقراءة، ولا نسخة تُحفظ عندنا. بناء اللوحة يتم محلياً أيضاً، ليس عبر إرسال الصورة إلى نموذج. حتى العيّنات الثماني تُحسب على الجهاز. لا يوجد زر إرسال مخفي خلف النسخ.
هل أقدر ألصق لقطة شاشة؟ +
نعم. انسخ اللقطة، ادخل هذه الصفحة، ثم الصق. على الحاسوب Ctrl+V أو ⌘V. على الجوال إن لم يظهر اللصق فاستخدم اختيار الملف من الجهاز. اللقطة الملصقة تُقرأ مثل أي ملف أسقطته: عدسة، وعيّنة، وأكواد.
لماذا تعطي نقرتان على المكان نفسه كودين؟ +
الصور وملفات JPEG لا تخزّن كوداً مسطّحاً واحداً للسماء أو للقماش. البكسل المجاور يختلف. استخدم 3×3 أو 5×5 لأخذ متوسط رقعة صغيرة. على الشعار ابقَ عند 1 بكسل واضغط وسط التعبئة المسطّحة لا الطرف المنعّم. اختلاف النقرتين وصف للملف لا عطل في الزر. جرّب أن تثبّت ثم تتحرك بكسلًا واحداً بالسهم. إن تغيّر HEX فأنت ترى بلوك JPEG أو تشويشاً، لا عطلاً. متوسط 5×5 يهدّئ ذلك القفز.
هل يعمل على الجوال؟ +
نعم. العيّنة فوق الإصبع، واللون يُثبَّت عند الرفع. استخدم 2× أو 4× حين تكون العلامة صغيرة، ثم اسحب الصورة للتحريك. الملفات العريضة جداً تُعيَّن من نسخة بمقاس 2000 بكسل حتى يبقى التبويب خفيفاً، والصفحة تقول ذلك حين يحدث. الأكواد عندها تطابق تلك النسخة لا العرض الأصلي بكسلًا بكسل. إن مال الإصبع فحرّك الصورة لا الإصبع حتى تستقر العدسة على الخامة. التقريب 4× لا يغيّر الكود: هو فقط يسهّل الإصابة.
لماذا يعرض فوتوشوب HEX مختلفاً؟ +
الملف قد يحمل ملف لون. فوتوشوب قد يظهر الرقم داخل ذلك الملف، مثل Display P3 أو ملف طباعة. هذه الصفحة تقرأ بكسل sRGB بعد أن يفك المتصفح الملف، وهو القيمة التي تُلصق في CSS أو فيغما. لقطة الشاشة أبعد خطوة: هي بكسل الشاشة أصلاً. القراءتان ليستا بروفة CMYK. إن نسخت الرقم من فوتوشوب ثم لصقته في CSS فقد ترى فرقاً على الشاشة لأن المتصفح يتوقع sRGB. خذ الرقم من هذه الصفحة إن كانت الوجهة موقعاً أو فيغما.
هل اسم اللون بالعربية؟ +
لا. الصفحة تعرض أقرب اسم CSS إنجليزي، مثل steel blue أو tomato. الاسم تقريب بالمسافة في RGB، وليس اسم ماركة، وليس عربياً. إن كتبته في CSS فلن يعود إلى HEX نفسه. الصق الكود #1A73E8 أو rgb(26, 115, 232) أو hsl(214, 82%, 51%) حسب ما ثبّته. الأسماء الشائعة في CSS تُكتب بالإنجليزية حتى لو كانت الصفحة عربية. لا تترجم steel blue إلى عبارة عربية داخل ملف التنسيق وتتوقع نفس البكسل.
كيف آخذ كود لون من صورة؟ +
ثبّت النقطة ثم اضغط نسخ HEX. الشكل مثل #1A73E8. نسخ RGB يعطي rgb(26, 115, 232) ونسخ HSL يعطي hsl(214, 82%, 51%) حين تكون تلك هي الدرجة المقفلة، وهما التهجئتان الأخريان للون نفسه. كود لون من صورة هنا إحدى هذه الصيغ الثلاث، لا اسم تسويقي.
هل سحب لون من صورة يحتاج إضافة كروم؟ +
لا. الإضافات وأدوات سطح المكتب تقرأ الشاشة. هذه الصفحة تقرأ ملفاً أو لقطة ملصقة داخل المتصفح. في كروم وإيدج يوجد أيضاً التقاط من الشاشة، وهو قطّارة المتصفح ويرى الشاشة فقط لا الملف. لا تنزيل منفصل، ولا إضافة لازمة لاستخراج الكود من صورة عندك.
هل اخذ لون من صورة هو ازالة لون من صورة؟ +
لا. اخذ لون من صورة على هذه الصفحة نسخ للكود. ازالة لون من صورة لا تتم هنا: البكسل في ملفك يبقى كما فتحته، ولا تُمسح درجة ولا تُستبدل. إن أردت صبغة على الإطار كله فافتح تغيير لون الصورة. هذا الرابط لا يعيد تلوين القميص ولا يفرّغ الخلفية.
هل منتقي الألوان هنا يقرأ الشاشة أم الملف؟ +
الأصل هو الملف الذي تسقطه أو تلصقه. زر التقاط من الشاشة، في كروم وإيدج فقط، يقرأ الشاشة بأداة المتصفح ولا يقرأ الملف أعلاه. منتقي الألوان على غوغل أداة أخرى لخلط الألوان، وليس قارئاً لصورة محفوظة على جهازك. إن كانت الشاشة قد غيّرت الدرجة، فالتقاط الشاشة لا يسترجع الملف الأصلي.
هل أحصل على CMYK للطباعة؟ +
لا. تحويل بكسل شاشة إلى CMYK ليس بروفة مطبعة. انسخ HEX أو RGB وأنهِ التحويل في البرنامج الذي يعرف الورق وملف اللون. هذه الصفحة لا تخترع نسب حبر ولا تدّعي أن hsl(214, 82%, 51%) رقم ماكينة طباعة.
هل ألصق عنوان صفحة وآخذ اللون من هناك؟ +
لا. صورة مستضافة على موقع آخر عادة لا تُقرأ من هذا التبويب، وهذه الصفحة لن ترفع ملفك إلى سيرفر لجلبها. احفظ الصورة على الجهاز ثم أسقط ذلك الملف. رابط PDF أو رابط TIFF يُرفض للسبب نفسه: الصيغة خارج ما يُفك هنا.
هل اللوحة من ذكاء اصطناعي أو دليل علامة؟ +
لا. حتى ثماني عيّنات تُبنى من المساحات المسطّحة الكبيرة ومن الألوان الأقوى في هذا الملف فقط، حتى لا يضيع شعار صغير في خلفية واسعة. اضغط عيّنة لتثبيت كودها. ليست لوحة مولَّدة بالذكاء الاصطناعي، وليست دليل ألوان لعلامة تجارية.
هل أغيّر لون الصورة من هنا؟ +
لا. التثبيت لا يصبغ الملف ولا يعكس الألوان ولا يستبدل درجة بأخرى. تغيير لون الصورة صفحة أخرى على هذا الموقع. هنا تخرج بالكود، ويمكنك تنزيل PNG مسطّح للعيّنة إن احتجت مربعاً بلون واحد لا الصورة الأصلية معدَّلة.
استخرج لوناً من صورتك
أسقط صورة أو ألصق لقطة شاشة. ثبّت بكسل. انسخ الكود. الملف يبقى على هذا الجهاز.
استخراج اللون