مستخرج لوحة الألوان
استخرج الألوان السائدة من أي صورة، وعدّلها وثبّتها، وأنشئ تناسقات لونية، وصدّر بصيغ CSS وJSON وSVG وPNG وASE.
أفلت صورة هنا
اسحب صورة وأفلتها أو تصفّح ملفاتك. تُقرأ داخل متصفحك ولا تُرفع أبدًا.
PNG وJPG وWebP وGIF وAVIF وBMP وSVG بقدر ما يدعمها متصفحك.
تتم معالجة صورتك داخل متصفحك ولا يتم رفعها أبدًا. مستشار الذكاء الاصطناعي الاختياري يرسل فقط رموز HEX للوحتك.
استخرج ألوان صورة وحوّلها إلى لوحة ألوان
تقرأ هذه الأداة الصورة داخل متصفحك وتجد ألوانها السائدة. تجمع البكسلات المتشابهة وترتّب المجموعات بحسب نسبة ما تغطيه من الصورة، ثم تمنحك لوحة من 5 أو 8 أو 10 أو 12 لونًا مع قيم HEX وRGB وHSL وCMYK. لا يتم رفع صورتك أبدًا.
بعد ذلك يمكنك تعديل الألوان أو تثبيتها، والتقاط ألوان إضافية مباشرة من الصورة، وإنشاء تناسقات لونية وتصدير النتيجة. للتحقق من التباين أو لتحويل لون واحد استخدم محوّل الألوان وفاحص التباين.
كيف تعمل الأداة
- أفلت صورة على الصفحة أو اختر ملفًا.
- اختر عدد الألوان واضبط شريط التنوّع: القيم الأعلى تدمج الدرجات المتشابهة، والقيم الأقل تحافظ على الفروق الدقيقة.
- انقر على لون لرؤية قيم HEX وRGB وHSL وCMYK، ثم عدّله أو ثبّته أو احذفه. انقر على الصورة لإضافة اللون الموجود تحت المؤشر.
- افتح قسم التناسق لتوليد ألوان متكاملة أو متجاورة أو ثلاثية أو متكاملة منقسمة أو أحادية أو دافئة أو باردة انطلاقًا من أي لون في اللوحة.
- صدّر اللوحة كمتغيرات CSS أو JSON أو SVG أو PNG أو ملف عينات ASE.
متى تستخدمها
- بناء لوحة ألوان لواجهة أو علامة تجارية انطلاقًا من صورة أو شعار أو لقطة شاشة.
- إنشاء متغيرات CSS لموقع من صورة موجودة.
- إيجاد توليفات نص وخلفية والتحقق من وضوح قراءتها.
- جمع ألوان للوحة إلهام أو لعرض تقديمي.
معلومات مفيدة
- اللوحة ملخص إحصائي للصورة. قد تُدمج التفاصيل الصغيرة في درجة قريبة ما لم تخفّض شريط التنوّع أو تختر ألوانًا أكثر.
- تُقرأ الألوان كما يعرضها متصفحك (sRGB). قد تجعل ملفات تعريف الألوان المضمّنة الملف نفسه يبدو مختلفًا في برامج أخرى.
- النسبة المئوية هي حصة بكسلات الصورة المجمّعة في لون ما. لا تُحتسب البكسلات الشفافة، ولا الأبيض أو الأسود إذا اخترت تجاهلهما. تُصغَّر الصور الكبيرة قبل التحليل.
- قيم CMYK تحويل رياضي بسيط من RGB. تعتمد ألوان الطباعة على الأحبار والورق وملفات الألوان.
- تُحسب التناسقات من قواعد العجلة اللونية وتُوسَم بأنها مولَّدة. فهي لا تأتي من صورتك.
- مستشار الذكاء الاصطناعي اختياري. يرسل فقط رموز HEX للوحتك وملاحظتك القصيرة إلى واجهة Gemini من Google، وقد يكون غير متاح أو يتجاوز حصته، واقتراحاته أفكار وليست ضمانات. ويعيد DailyBox حساب تباين أي أزواج نص وخلفية يقترحها.
- يحتوي ملف ASE على ألوانك كعينات RGB. لم يُختبر في برامج Adobe، فإذا رفضه تطبيق ما فاستخدم تصدير CSS أو JSON.
الأسئلة الشائعة
هل يتم رفع صورتي إلى أي مكان؟
لا. تُقرأ الصورة وتُحلَّل داخل متصفحك. فقط إذا استخدمت مستشار الذكاء الاصطناعي الاختياري تُرسل رموز HEX للوحتك وملاحظتك القصيرة إلى خدمة الذكاء الاصطناعي، وليس الصورة أبدًا.
كم لونًا سأحصل عليه؟
أنت تختار 5 أو 8 أو 10 أو 12. وإذا كانت الصورة تحتوي ألوانًا مختلفة بوضوح أقل بحسب إعداداتك فستحصل على عدد أقل وتُخبرك رسالة بذلك.
هل تتغير الألوان المثبّتة عند إعادة توليد اللوحة؟
لا. تبقى الألوان المثبّتة في مكانها ويُعاد إيجاد بقية الألوان. ولا يكون اللون الجديد قريبًا جدًا من لون مثبّت.
كيف يُختار اللون السائد؟
هو مجموعة اللون التي تغطي أكبر حصة من بكسلات الصورة، والنسبة المعروضة بجانبه هي هذه الحصة.
ما الصيغ التي يمكنني التصدير بها؟
متغيرات CSS وJSON وSVG وصورة PNG وملف عينات ASE. يمكنك نسخ CSS وJSON أو تنزيل أي صيغة.
هل أحتاج إلى الذكاء الاصطناعي لاستخدام الأداة؟
لا. الاستخراج والتعديل والتثبيت والتناسقات والتصدير كلها تعمل بدونه، وتستمر في العمل إذا كانت خدمة الذكاء الاصطناعي غير متاحة.