كيف أستخرج لوحة ألوان من صورة؟

حمّل الصورة أو اسحبها أو الصقها. تجمع الأداة الألوان السائدة المرئية في لوحة من 3 أو 5 أو 8 ألوان.

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

إنه أداة تلخص الألوان المرئية السائدة في الصورة كاملة ضمن لوحة أصغر ممثلة لها.

هل يمكنني نسخ HEX أو RGB أو متغيرات CSS؟

نعم. انسخ كل قيمة أو كل قيم HEX أو اللوحة كاملة كمتغيرات CSS.

هل تُرفع صورتي أو تُخزن؟

لا. تُفك الصورة وتُحلل محليًا في المتصفح.

لماذا اللوحة أصغر من الحجم الذي اخترته؟

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

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

حمّل صورة أو لقطة شاشة أو شعارًا أو رسمًا، أو اسحبه أو الصقه، لاستخراج لوحة ألوان من الصورة كاملة. تلخّص الأداة الألوان السائدة المرئية في لوحة من 3 أو 5 أو 8 ألوان بدلاً من اختيار بكسل واحد. انسخ قيم HEX وRGB المنفردة أو كل قيم HEX في أسطر منفصلة أو مجموعة متغيرات CSS جاهزة. تُعالج الصورة محليًا في متصفحك ولا تُرفع أبدًا إلى ColourPicker.app.

حمّل صورة

اختر ملفًا أو اسحبه إلى هنا أو الصق صورة من الحافظة.

يمكنك أيضًا لصق لقطة شاشة باستخدام Ctrl+V أو Command+V.

تبقى صورتك على جهازك وتُعالج في هذا المتصفح فقط.

أدوات أخرى

Picker

منتقي الألوان

ارفع صورة وانقر لاستخراج رموز الألوان HEX و RGB و HSL.

HEXRGBHSLImage

Converter

محول الألوان

حوّل الألوان بين HEX و RGB و HSL على الفور.

HEXRGBHSL

Checker

فحص التباين

تحقق من نسب تباين الألوان وفقًا لمعايير WCAG AA و AAA.

WCAGAAAAA

Generator

مولّد اللوحات

أنشئ لوحات ألوان متناسقة من أي لون أساسي.

HarmonyHSLHEX

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

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

أضف صورة فوتوغرافية أو شعارًا أو رسمًا أو لقطة شاشة يمكن للمتصفح فتحها.
بعد التحميل تُنشأ لوحة من خمسة ألوان سائدة تلقائيًا.
اختر 3 أو 5 أو 8 ألوان وفق مستوى التفاصيل الذي تحتاجه.
انسخ الألوان المفردة أو اللوحة كاملة لخطوة التصميم أو التطوير التالية.

ألوان سائدة وليست بكسلًا دقيقًا واحدًا

هذه الصفحة مخصصة لملخص متعدد الألوان للصورة أو الرسم أو الشعار أو لقطة الشاشة كاملة. النتيجة هي الألوان التي تحدد الصورة إجمالاً، وليست القيمة الدقيقة لنقطة محددة.

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

انسخ اللوحة كـ HEX أو RGB أو متغيرات CSS

لكل عينة قيمة HEX وقيمة RGB مع زري نسخ منفصلين. يمكنك أيضًا نسخ كل قيم HEX كقائمة بلون واحد في كل سطر. ينشئ زر متغيرات CSS كتلة :root بأسماء مثل --cp-1 و--cp-2.

تحقق من التباين وإمكانية الوصول بشكل منفصل قبل استخدام النتيجة في واجهة نهائية.

تبقى صورتك خاصة

تتم كل المعالجة في متصفحك. لا تُرسل الصورة إلى ColourPicker.app أو خدمة خارجية ولا تُخزن على خادم. تُتجاهل البكسلات الشفافة فعليًا، لذلك لا تصبح خلفية PNG الشفافة لونًا سائدًا خاطئًا.

اختيار 3 أو 5 أو 8 ألوان هو حد أقصى. قد تحتوي الصورة البسيطة على ألوان مرئية فريدة أقل؛ تعرض الأداة لوحة أصغر حقيقية دون تكرار الألوان أو ابتكار درجات جديدة.

أسئلة شائعة

كيف أستخرج لوحة ألوان من صورة؟: حمّل الصورة أو اسحبها أو الصقها. تجمع الأداة الألوان السائدة المرئية في لوحة من 3 أو 5 أو 8 ألوان.
ما مستخرج لوحة ألوان الصورة؟: إنه أداة تلخص الألوان المرئية السائدة في الصورة كاملة ضمن لوحة أصغر ممثلة لها.
هل يمكنني نسخ HEX أو RGB أو متغيرات CSS؟: نعم. انسخ كل قيمة أو كل قيم HEX أو اللوحة كاملة كمتغيرات CSS.
هل تُرفع صورتي أو تُخزن؟: لا. تُفك الصورة وتُحلل محليًا في المتصفح.
لماذا اللوحة أصغر من الحجم الذي اخترته؟: قد تحتوي الصورة على ألوان مرئية فريدة أقل. لا تُكرر الألوان وتُتجاهل البكسلات الشفافة.