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

> حمّل صورة وانقر لنسخ كود اللون كـ HEX أو RGB أو HSL فورًا. عدسة تكبير للبكسلات، تكبير حتى 64x، ولوحة الألوان السائدة. مجاني وبدون تسجيل، كله في متصفحك.

URL: https://acrafto.com/ar/image-color-picker/  
Updated: 2026-09-22

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

تحتاج لمعرفة اللون الدقيق في شعار أو صورة أو لقطة شاشة؟ حمّل الصورة، مرّر المؤشر فوق النقطة التي تهمّك، وانقر. كود اللون يُنسخ فورًا إلى الحافظة بالصيغة التي تختارها: **HEX أو RGB أو HSL أو HSV أو LCH**. لا تثبيت، ولا تغادر صورتك جهازك.

## كيف تعرف كود اللون من الصورة

1. **حمّل الصورة.** اسحبها إلى النافذة أو انقر على “تصفح الملفات”. تعمل الأداة مع JPG وPNG وWebP وGIF.
2. **اختر الصيغة.** فوق الصورة، حدد الصيغة التي تريد نسخ اللون بها. HEX مناسبة غالبًا للويب، وRGB شائعة في برامج التصميم. تتذكر الأداة اختيارك.
3. **مرّر فوق اللون.** بجانب المؤشر تظهر عدسة مكبّرة تُظهر البكسلات المحيطة، وتحتها كود اللون.
4. **انقر.** الكود في الحافظة، واللون يُحفظ في تبويب الألوان المختارة. الصقه أينما تحتاجه.

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

## ماذا تقدم قطارة الألوان عبر الإنترنت

### عدسة تُظهر كل بكسل

القطارة العادية تُظهر فقط اللون تحت المؤشر، وإصابة حافة رفيعة لحرف تصبح حظًا. عدستنا تكبّر محيط المؤشر إلى 11 × 11 بكسل وتؤطّر البكسل الأوسط. ترى بالضبط ما ستنقر عليه قبل أن تنقر.

### تكبير حتى مستوى البكسل الواحد

بزري زائد وناقص، أو بعجلة الفأرة مع الضغط على Ctrl، تُقرّب الصورة حتى 64 مرة. مع تفعيل الشبكة، تظهر حدود البكسلات، فتنقر بدقة على الأيقونات أو فن البكسل أو النص الصغير.

### اللون من الأصل، لا من نسخة مصغّرة

كثير من الأدوات عبر الإنترنت تُصغّر الصورة أولًا وتقرأ اللون من المعاينة، حيث تندمج البكسلات المتجاورة. قطارتنا تعمل على الصورة بدقتها الكاملة (حتى 4096 بكسل على الضلع الأطول)، فتحصل على اللون الحقيقي للبكسل.

### نسخ بنقرة واحدة

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

### لوحة الألوان السائدة

بمجرد تحميل الصورة، تكتشف الأداة حتى ثماني ألوان سائدة فيها وتعرضها في تبويب الألوان السائدة. الدرجات شبه المتطابقة تُدمج، فلا تجد في اللوحة خمس درجات من الرمادي، والأجزاء الشفافة من PNG تُستبعد. اللوحة نقطة بداية جيدة لمخطط ألوان موقع أو عرض تقديمي أو منشورات التواصل الاجتماعي. للتحقق من أن الألوان تحافظ على تباين كافٍ حتى بلا درجة لونية، جرّب [تحويل الصورة إلى تدرج رمادي](https://acrafto.com/ar/tahwil-al-suwar-ila-tadarruj-ramadi-online/).

### الألوان المختارة أمام عينيك دائمًا

كل لون تنقر عليه يُحفظ في تبويب الألوان المختارة (آخر 24 لونًا). يمكنك مقارنة عدة نقاط في الصورة والعودة إليها متى شئت. على الشاشات الكبيرة، لوحة الألوان تجاور الصورة مباشرة.

## لماذا تحتاج كود اللون من صورة

- **الويب والتطبيقات:** أرسل العميل الشعار بصيغة JPG فقط وتحتاج اللون الدقيق للعلامة التجارية في CSS. إذا أردت نسخة بخلفية شفافة أيضًا، استخدم [إزالة خلفية الصورة](https://acrafto.com/ar/remove-image-background-ai/).
- **التصميم الجرافيكي والتواصل الاجتماعي:** تريد أن يتناسق نص المنشور مع الصورة. خذ اللون مباشرة منها.
- **العروض التقديمية والمستندات:** اضبط ألوان شعار الشركة في PowerPoint أو Google Slides أو Canva عبر HEX أو RGB.
- **مراجعة التصميم:** تحقق من لقطة شاشة أن زرًا في التطبيق يستخدم فعلًا اللون الذي يحدده التصميم. بعدها تحقق من مقاسات الملفات المُصدَّرة عبر [تحليل أبعاد الصور](https://acrafto.com/ar/image-dimensions-analyzer-online-bulk/).
- **الديكور والموضة:** لديك صورة لقماش أو حائط وتبحث عن درجة مشابهة. الكود نقطة انطلاق جيدة عند البحث في دليل الألوان.

## صيغ الألوان التي تحصل عليها

- **HEX** (`#1373b6`): الصيغة المستخدمة في HTML وCSS ومعظم أدوات التصميم.
- **RGB** (`rgb(19, 115, 182)`): نسبة الأحمر والأخضر والأزرق، كل منها من 0 إلى 255. طريقة عمل المزج الإضافي للألوان يشرحها [ويكيبيديا](https://ar.wikipedia.org/wiki/%D8%A7%D9%84%D9%86%D9%85%D9%88%D8%B0%D8%AC_%D8%A7%D9%84%D9%84%D9%88%D9%86%D9%8A_%D8%A3%D8%AD%D9%85%D8%B1_%D8%A3%D8%AE%D8%B6%D8%B1_%D8%A3%D8%B2%D8%B1%D9%82).
- **HSL** (`hsl(205, 81%, 39%)`): درجة اللون والتشبع والإضاءة. تُسهّل صنع درجة أفتح أو أغمق.
- **HSV**: درجة اللون والتشبع والقيمة، كما تعرفها من منتقي الألوان في Photoshop أو GIMP. الفرق بين HSL وHSV تشرحه [ويكيبيديا](https://ar.wikipedia.org/wiki/%D8%A7%D9%84%D9%81%D8%B6%D8%A7%D8%A1_%D8%A7%D9%84%D9%84%D9%88%D9%86%D9%8A_%28%D9%86_%D8%B4_%D8%B6%29_%D9%88_%28%D9%86_%D8%B4_%D9%82%29).
- **LCH**: نموذج يطابق طريقة إدراك العين البشرية للألوان. يُنسخ بصيغة يفهمها CSS الحديث (راجع [توثيق MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/lch)، بالإنجليزية).

القطارة تكشف لك لون الصورة. إذا أردت تعديله أو تحويله إلى صيغ أخرى أو إيجاد درجات تناسبه، انتقل إلى [منتقي الألوان](https://acrafto.com/ar/muntaky-al-alwan-online/).

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

### هل تُرفع صورتي إلى خادم؟

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

### كيف أعرف كود HEX للون من صورة؟

حمّل الصورة، أبقِ صيغة HEX محددة فوقها، وانقر على مكان اللون الذي تبحث عنه. الكود، مثل `#75dab2`، يكون في الحافظة فورًا.

### لماذا يختلف اللون من الصورة عن الواقع؟

تؤثر الكاميرا في الألوان عبر الإضاءة و[توازن الأبيض](https://ar.wikipedia.org/wiki/توازن_لوني) والضغط. القطارة تُعيد بالضبط اللون المخزَّن في الملف. مع الصور، انقر على عدة نقاط وقارنها في تبويب الألوان المختارة. إذا كنت تمزج طلاء بناءً على الكود، اعتبره توجيهيًا فقط.

### هل تعمل القطارة على الهاتف؟

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

### ما الفرق بين HEX وRGB؟

كلاهما يصف اللون نفسه. RGB يعبّر عنه بثلاثة أرقام من 0 إلى 255، وHEX يكتب الأرقام نفسها بالنظام السداسي عشري بعد علامة #. مثلًا، `rgb(255, 87, 51)` هو نفسه `#ff5733`.

### كيف أحصل على لوحة ألوان كاملة من صورة؟

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

## Other languages

- Čeština (cs): [Online kapátko](https://acrafto.com/cs/vyber-barev-z-obrazku/) ([Markdown](https://acrafto.com/cs/vyber-barev-z-obrazku/index.md))
- Slovenčina (sk): [Online kvapátko](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/) ([Markdown](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/index.md))
- English (en): [Image Color Picker](https://acrafto.com/en/online-image-color-picker/) ([Markdown](https://acrafto.com/en/online-image-color-picker/index.md))
- Deutsch (de): [Farbe aus Bild bestimmen](https://acrafto.com/de/farbauswahl-bild-online/) ([Markdown](https://acrafto.com/de/farbauswahl-bild-online/index.md))
- Français (fr): [Pipette à couleurs](https://acrafto.com/fr/pipette-couleur-image-en-ligne/) ([Markdown](https://acrafto.com/fr/pipette-couleur-image-en-ligne/index.md))
- Español (es): [Cuentagotas de imagen online](https://acrafto.com/es/selector-colores-imagen-online/) ([Markdown](https://acrafto.com/es/selector-colores-imagen-online/index.md))
- Italiano (it): [Contagocce colore](https://acrafto.com/it/selettore-colori-online-da-immagine/) ([Markdown](https://acrafto.com/it/selettore-colori-online-da-immagine/index.md))
- Português (pt): [Conta-gotas online](https://acrafto.com/pt/extrator-cores-imagem-online/) ([Markdown](https://acrafto.com/pt/extrator-cores-imagem-online/index.md))
- Nederlands (nl): [Kleur uit afbeelding halen](https://acrafto.com/nl/online-kleurenpipet/) ([Markdown](https://acrafto.com/nl/online-kleurenpipet/index.md))
- Polski (pl): [Kroplomierz kolorów z obrazu](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/) ([Markdown](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/index.md))
- Română (ro): [Pipetă de culori din imagine](https://acrafto.com/ro/selector-culori-imagine-online/) ([Markdown](https://acrafto.com/ro/selector-culori-imagine-online/index.md))
- Magyar (hu): [Színpipetta](https://acrafto.com/hu/kep-szinkivalaszto/) ([Markdown](https://acrafto.com/hu/kep-szinkivalaszto/index.md))
- Ελληνικά (el): [Σταγονόμετρο εικόνας](https://acrafto.com/el/image-color-picker/) ([Markdown](https://acrafto.com/el/image-color-picker/index.md))
- Български (bg): [Онлайн пипетка за цвят от снимка](https://acrafto.com/bg/image-color-picker/) ([Markdown](https://acrafto.com/bg/image-color-picker/index.md))
- Hrvatski (hr): [Pipeta za boje](https://acrafto.com/hr/alat-za-odabir-boja-slike/) ([Markdown](https://acrafto.com/hr/alat-za-odabir-boja-slike/index.md))
- Slovenščina (sl): [Barvna kapalka za slike](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/) ([Markdown](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/index.md))
- Eesti (et): [Pildi värvipipett](https://acrafto.com/et/pildi-varvivalija/) ([Markdown](https://acrafto.com/et/pildi-varvivalija/index.md))
- Latviešu (lv): [Krāsu pipete](https://acrafto.com/lv/krasu-pipete-online/) ([Markdown](https://acrafto.com/lv/krasu-pipete-online/index.md))
- Lietuvių (lt): [Spalvų pipetė](https://acrafto.com/lt/image-color-picker/) ([Markdown](https://acrafto.com/lt/image-color-picker/index.md))
- Svenska (sv): [Färgplockare från bild](https://acrafto.com/sv/fargplockare-fran-bild/) ([Markdown](https://acrafto.com/sv/fargplockare-fran-bild/index.md))
- Dansk (da): [Farvekode fra billede](https://acrafto.com/da/farvevaelger-fra-billede/) ([Markdown](https://acrafto.com/da/farvevaelger-fra-billede/index.md))
- Suomi (fi): [Poimi väri kuvasta](https://acrafto.com/fi/kuvan-varinvalitsin/) ([Markdown](https://acrafto.com/fi/kuvan-varinvalitsin/index.md))
- Norsk (no): [Fargeplukker](https://acrafto.com/no/online-fargevelger/) ([Markdown](https://acrafto.com/no/online-fargevelger/index.md))
- Українська (uk): [Піпетка кольору з фото](https://acrafto.com/uk/onlajn-pipetka-koloru/) ([Markdown](https://acrafto.com/uk/onlajn-pipetka-koloru/index.md))
- Русский (ru): [Онлайн-пипетка](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/) ([Markdown](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/index.md))
- Српски (sr): [Kapaljka za boje](https://acrafto.com/sr/odabir-boje-sa-slike/) ([Markdown](https://acrafto.com/sr/odabir-boje-sa-slike/index.md))
- Македонски (mk): [Пипета за бои од слика](https://acrafto.com/mk/izbirac-boja/) ([Markdown](https://acrafto.com/mk/izbirac-boja/index.md))
- Bosanski (bs): [Kapaljka za boje](https://acrafto.com/bs/online-birac-boja/) ([Markdown](https://acrafto.com/bs/online-birac-boja/index.md))
- Shqip (sq): [Pikues ngjyrash nga imazhi](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/) ([Markdown](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/index.md))
- Türkçe (tr): [Resimden renk kodu bulma](https://acrafto.com/tr/resimden-renk-secici/) ([Markdown](https://acrafto.com/tr/resimden-renk-secici/index.md))
- 日本語 (ja): [画像スポイト](https://acrafto.com/ja/image-color-picker/) ([Markdown](https://acrafto.com/ja/image-color-picker/index.md))
- 한국어 (ko): [이미지 색상 추출기](https://acrafto.com/ko/image-color-picker/) ([Markdown](https://acrafto.com/ko/image-color-picker/index.md))
- हिन्दी (hi): [इमेज कलर पिकर](https://acrafto.com/hi/online-color-picker-tool/) ([Markdown](https://acrafto.com/hi/online-color-picker-tool/index.md))
- Bahasa Indonesia (id): [Ambil warna dari gambar](https://acrafto.com/id/pemilih-warna-gambar-online/) ([Markdown](https://acrafto.com/id/pemilih-warna-gambar-online/index.md))
- Tiếng Việt (vi): [Lấy màu từ ảnh](https://acrafto.com/vi/image-color-picker-online/) ([Markdown](https://acrafto.com/vi/image-color-picker-online/index.md))
- ไทย (th): [ดูดสีจากรูปภาพ](https://acrafto.com/th/image-color-picker-online/) ([Markdown](https://acrafto.com/th/image-color-picker-online/index.md))
- עברית (he): [טפטפת צבעים](https://acrafto.com/he/image-color-picker/) ([Markdown](https://acrafto.com/he/image-color-picker/index.md))