الأدوات95

اصنع شيئاً رائعاً

منتقي ألوان الصور.

اختر ألوان HEX و RGB و HSL من صورة. استخرج لوحة ألوان وقم بتحريرها، وتحقق من تباين النص، ثم انسخ الألوان أو قم بتصدير PNG أو SVG أو CSS أو JSON.

إعلانات
مساحة عمل صورك
معالجة مؤقتة على الخادم
أو اسحب وأفلت هنا
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
اختر صورتك للبدء.صورة
إعلانات
المدونة كيفية اختيار ألوان الصورة وإنشاء لوحة ألوان اقرأ الدليل

اختر ألوان الصورة وقم ببناء لوحة يمكنك استخدامها

افحص بكسلاً، وانسخ قيمة HEX أو RGB أو HSL الخاصة به، واستخرج لوحة أولية من صورة. احتفظ بالألوان التي تعجبك، وقم بتعديل الباقي، وتحقق من زوج النص والخلفية، وقم بتصدير PNG أو SVG أو CSS أو JSON.

توفر الصورة عينات ألوان فردية ولوحة يمكن تنقيحها وتصديرها.
فيديو تعليمي سريع How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. تعليق صوتي بالإنجليزية شاهد الفيديو

How to pick an image color and export a palette

الميزات وعناصر التحكم

اختر بكسلاً باستخدام عرض مكبّر

انقر أو اضغط على الصورة لفحص لون، ثم انسخ الكود الخاص به.

تحديد المواقع بدقة وقيود المعاينة

يساعدك المكبّر على استهداف التفاصيل الصغيرة. ركّز على الصورة واستخدم مفاتيح الأسهم للتحرك بكسل واحد، ومفتاح Shift مع سهم للتحرك عشرة، وEnter للاختيار. تحتوي HEX وRGB وHSL على أزرار نسخ فردية. يتم أخذ عينات من المصادر القابلة للفك في المتصفح sRGB. عند استخدام معاينة عادية بدلاً من ذلك، تحدد تسميتها الألوان والإحداثيات كقيم تقريبية.

استخرج لوحة أولية مفيدة

اختر من 3 إلى 12 لوناً للاستخراج وجرّب "سائد" (Dominant) أو "نابض بالحياة" (Vibrant).

كيف يتم تقدير الألوان والنسب المئوية

يفضل خيار "سائد" الألوان الرئيسية للصورة. يمنح "نابض بالحياة" تأثيراً أكبر للّمسات الملونة. يقوم الاستخراج بأخذ عينات من صورة محدودة، ويجمع الألوان المتشابهة ويعيد ما يصل إلى العدد المطلوب؛ قد تحتوي الصورة المسطحة على عدد أقل. يتم استبعاد البكسلات الشفافة تماماً، وتقلل الشفافية الجزئية من وزن البكسل. تصف النسب المئوية مجموعات العينات التقريبية، وليس عدداً دقيقاً لكل بكسل أصلي. يؤدي الاستخراج التلقائي إلى تحميل الصورة إلى الخادم.

احتفظ بألوانك واستبدلها وأعد ترتيبها

قم بقفل العينات المفيدة، أو تعديل قيم HEX الخاصة بها، أو إضافة لون مختار أو مخصص.

تنقيح اللوحة قبل التصدير

حدد عينة لتعديل لونها، أو حركها لليسار أو اليمين، أو قم بإزالتها. يحافظ "قفل" على اللون المختار عند استخدام "تحديث اللوحة" أو تغيير إعدادات الاستخراج. تستخدم "إضافة إلى اللوحة" لون RGB الذي تم أخذ عينات منه؛ تتيح لك "إضافة لون مخصص" إدخال قيمة HEX. يمكن أن تحتوي اللوحة على 1 إلى 12 لوناً للتصدير. الألوان المختارة والمعدلة والمقفلة لا تتلقى نسباً مئوية مبتكرة للصورة.

فهم البكسلات الشفافة

اختر "لون المصدر" أو "تركيب فوق خلفية" ضمن "أخذ العينات".

شفافية المصدر والألوان المصدرة

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

تحقق من زوج النص والخلفية

استخدم "تحقق من تباين الألوان" لمقارنة لونين.

ما يغطيه نتيجة التباين

اختر "النص" و"الخلفية" باستخدام عناصر التحكم في الألوان، وأدخل قيم HEX أو استخدم اللون المختار. تُظهر المعاينة نسبة التباين ونتائج منفصلة لـ Normal AA وNormal AAA وLarge AA وLarge AAA للنص. يتحقق هذا من زوج الألوان المحدد فقط. ولا يقوم بتدقيق صفحة كاملة، أو مراعاة كل صورة خلفية، أو التصديق على أن التصميم الكامل يسهل الوصول إليه.

تصدير الألوان للخطوة التالية

احفظ صورة اللوحة، أو عينات المتجهات، أو متغيرات CSS، أو بيانات الألوان المهيكلة.

PNG وSVG وCSS وJSON

تنتج PNG بطاقة لوحة مصنفة. تحافظ SVG على العينات والتسميات كمحتوى متجه. تصدر CSS متغيرات مرقمة مثل --color-1. تحتوي JSON على قيم HEX وRGB وHSL. اختر "حفظ باسم" ثم "بدء" لإنشاء ملف واحد باسم palette بالامتداد المختار. قد يكون نسخ لون أو اللوحة HEX بالكامل أسرع عندما تحتاج فقط إلى القيم.

الملفات والمعالجة

المدخلات
JPG، JPEG، PNG، WebP، GIF، BMP، TIFF، HEIC و HEIF
المخرجات
لوحة PNG أو SVG أو CSS أو JSON واحدة

25 ميجابايت كحد أقصى لكل ملف. ملف إدخال واحد لكل عملية.

صورة مصدر واحدة بحد أقصى 60 ميجابكسل. تستخرج العينات بحد أقصى 512 بكسل لكل حافة، وتتجاهل البكسلات الشفافة تماماً، وقد تعيد ألواناً أقل مما تم طلبه. يدعم التصدير من 1 إلى 12 لون لوحة معتم. تستخدم المصادر المتحركة أو متعددة الصور إطارها الثابت الأول.

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

تتم معالجة الملفات على الخادم. قد يتطلب إعداد المعاينة أيضاً تحميل ملف عندما لا يكون فك التشفير عبر المتصفح متاحاً أو عند الحاجة إلى معاينة المستند. تنزيلات الخادم متاحة لجلسة عملك لمدة تصل إلى ساعتين.

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

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

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

من الجيد معرفة ذلك.

بضع إجابات قبل البدء.

معالجة مؤقتة على الخادم
هل يمكنني الحصول على HEX وRGB وHSL من صورة؟

نعم. اختر بكسلاً واستخدم زر النسخ بجوار القيمة التي تحتاجها. تُظهر أداة الاختيار الشفافية عند الحاجة؛ تحتوي صادرات اللوحة المعتمة على ألوان RGB.

ما الفرق بين "سائد" و"نابض بالحياة"؟

يؤكد "سائد" على ألوان الصورة الشائعة. يمنح "نابض بالحياة" تأثيراً أكبر للّمسات الملونة. كلاهما تقريبات مأخوذة من عينات، ولا يعد أي منهما بالعثور على لون علامة تجارية معين تلقائياً.

لماذا يعيد طلب ستة ألوان عدداً أقل من الألوان؟

قد يحتوي المصدر على عدد أقل من الألوان المرئية المميزة. يعيد المستخرج المجموعات المتاحة بدلاً من ابتكار عينات مكررة لملء العدد المطلوب.

هل يمكنني الاحتفاظ بلون أثناء تحديث اللوحة؟

نعم. حدد عينته واستخدم "قفل اللون". يمكنك أيضاً إضافة قيمة HEX مخصصة، أو إعادة ترتيب العينات، أو إزالة الألوان قبل التصدير.

هل يبقى كل شيء في متصفحي؟

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

إعلانات

اللغة38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

اختر لغتك. تستخدم دروس الفيديو حالياً التعليق الصوتي باللغة الإنجليزية.