طريقة الاستخدام
- 1اسحب الصورة إلى المربع أو انقر لاختيارها؛ تظهر صورة نموذجية في البداية.
- 2حدّد عدد الألوان من 3 إلى 16 واختر طريقة المتوسطات K أو القطع الوسيط.
- 3رتّب الألوان حسب النسبة أو الإضاءة وانسخ كود HEX لأي لون بنقرة واحدة.
- 4صدّر اللوحة كمتغيرات CSS أو JSON أو شريط ألوان بصيغة PNG.
كيف تُستخرج الألوان الغالبة؟
تُصغَّر الصورة أولًا ثم تُجمَّع البكسلات في فضاء لوني قريب من إدراك العين (CIELAB). تجمع طريقة المتوسطات K الدرجات التي تراها العين متشابهة وتعطي عادةً أكثر اللوحات طبيعية، أما القطع الوسيط فيقسم نطاق الألوان إلى نصفين مرة بعد مرة فيعطي توزيعًا متوازنًا يلتقط أيضًا الألوان الصغيرة المميزة. يظهر بجانب كل لون نسبته المئوية في الصورة لتميّز اللون الأساسي من ألوان التمييز.
للرسامين والمصممين وديكور المنازل
خطّط لخلطات الألوان قبل رسم منظر طبيعي، أو استخرج ألوان موقعك من صورة العلامة التجارية، أو استلهم ألوان الجدران والأقمشة من صورة غرفة أعجبتك. تذكّر أن اللون على الشاشة ليس عينة طلاء حقيقية؛ فالشاشة والإضاءة والكاميرا تغيّره، لذا راجع دائمًا كتالوج ألوان الشركة المصنّعة قبل شراء الطلاء.
صورتك تبقى على جهازك
تتم كل العمليات داخل متصفحك في خيط معالجة خلفي (Web Worker)، ولا تُرفع الصورة إلى أي خادم، لذلك يمكنك استخدام الأداة مع أعمال العملاء والصور الشخصية بأمان.
الأسئلة الشائعة
كيف أعرف كود اللون من صورة؟
أضف الصورة إلى الأداة فتظهر الألوان الغالبة مع كود HEX (#rrggbb) وقيم RGB. استخدم زر النسخ للصق الكود مباشرة في فوتوشوب أو كانفا أو فيغما أو ملف CSS.
كم لونًا يجب أن أستخرج؟
تكفي 5 أو 6 ألوان للوحة عامة. وإذا أردت رؤية تدرجات الظل والنور للرسم فاختر من 10 إلى 16 لونًا.
ما الفرق بين المتوسطات K والقطع الوسيط؟
تدمج المتوسطات K الألوان المتشابهة بصريًا فتعطي نتيجة طبيعية، بينما القطع الوسيط أسرع ويقسم نطاق الألوان بالتساوي فيلتقط ألوان التمييز الصغيرة.
هل سيطابق اللون كتالوج الطلاء تمامًا؟
لا. ألوان الشاشة تعتمد على إعدادات الشاشة وإضاءة الصورة. استخدم النتيجة مرجعًا تقريبيًا وقارنها بكتالوج ألوان مطبوع.
النتائج غير مرضية؟
تواصل مع Webin Agency لمواقع سريعة متوافقة مع السيو، ومتاجر إلكترونية، وإدارة إعلانات Google.