Color Tools

مولّد مزج الألوان

امزج درجات ألوان مخصصة بسهولة. اجمع رمزي Hex أو RGB أو أكثر، واضبط نسب المزج المئوية، وعاين الألوان المحسوبة لحظيًا.

sRGB Blended Result

#000000

RGB: 0, 0, 0 | HSL: 0°, 0%, 0%

Space Algorithm
WCAG Contrast Compliance
White Text21.00:1 ✓ Pass
Black Text1.00:1 ✕ Low

Source Colors & Weight Ratios

3 Active Slots
Ratio Weight1x
Ratio Weight1x
Ratio Weight1x

لماذا تستخدم هذه الأداة؟

لماذا تستخدم هذه الأداة؟

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

طريقة الاستخدام

طريقة الاستخدام

  1. الخطوة 1

    حدد الألوان الأساسية

    أدخل لونين أساسيين أو أكثر برموز Hex (#HEX)، أو انقر منتقي الألوان التفاعلي.
  2. الخطوة 2

    اضبط نسب المزج

    استخدم منزلقات النسب لتحديد الوزن النسبي أو نسبة كل لون في المزيج النهائي.
  3. الخطوة 3

    اختر خوارزمية فضاء اللون

    اختر sRGB أو Linear RGB أو OKLAB أو HSL لتغيير طريقة استيفاء القنوات.
  4. الخطوة 4

    انسخ المقاطع أو صدّر الملفات

    انسخ شيفرة Hex أو RGB أو CSS color-mix()، أو صدّر عينات PNG أو SVG أو JSON.

كيف تعمل آلية مزج الألوان عبر الإنترنت؟

تحسب الأداة نتائج المزج باستيفاء قنوات الألوان رياضيًا عبر خوارزميات فضاء ألوان متعددة، منها sRGB وLinear RGB وOKLAB وHSL. اضبط منزلقات النسب لحساب رموز Hex الوسيطة بدقة وإنشاء سلاسل W3C CSS color-mix() صالحة لأوراق أنماط الواجهة الأمامية.

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

ارفع أي رسم أو صورة باستخدام ميزة استخراج الألوان من الصورة. تستخرج أداة أخذ العينات المدمجة الألوان السائدة مباشرة إلى لوحة المزج، لتمزج ألوان العلامة التجارية أو الصورة أو الرسم بسلاسة.

شرح الميزات

تكامل حديث مع CSS

أنشئ صياغة دالة W3C CSS color-mix() القياسية وخصائص CSS المخصصة إلى جانب قيم Hex وRGB وHSL.

استخراج ألوان الصور وSVG

استخرج الألوان السائدة من ملفات PNG أو JPG أو SVG المرفوعة لاستخدامها في المزج.

مزج في فضاءات إدراكية

بدّل بين خوارزميات sRGB وLinear RGB وOKLAB الإدراكية للحصول على مزج دقيق.

تصدير ملفات بتنسيقات متعددة

نزّل العينات المحسوبة كصور PNG عالية الدقة أو رسومات SVG متجهة أو ملفات JSON منظمة.

ما استخدامات هذه الأداة؟

تصميم الويب والواجهات

احسب ألوان حالات التحويم والأزرار المعطلة وسمات الواجهة الميسّرة باستخدام نسب مخصصة.

الرسم الرقمي والعلامات التجارية

حاكِ نسب مزج الطلاء رقميًا لمعاينة امتدادات لوحة العلامة التجارية ودرجات العمل الفني.

معلومات الأداة

نوع الأداةمزج ألوان تفاعلي عبر الويب
تنسيقات الإدخال المدعومةHEX وRGB وHSL وPNG وJPG وSVG
فضاءات الألوان المدعومةsRGB وLinear RGB وOKLAB وHSL
خيارات التصديرعينة PNG ومتجه SVG وبيانات JSON وشيفرة CSS
نموذج المعالجةداخل المتصفح بالكامل (محليًا)

الفوائد

  • أنشئ مزائج لونية دقيقة رياضيًا فورًا دون تثبيت برامج رسومات.
  • انسخ صياغة CSS color-mix() القياسية مباشرة إلى أوراق أنماط الويب الحديثة.
  • تحقق لحظيًا من نسب تباين النص وفق WCAG للنصين الأبيض والأسود.
  • استخرج عينات العلامة التجارية مباشرة من الصور أو رسومات SVG المرفوعة.

القيود

  • تُقارب فضاءات الإدراك المعقدة مثل OKLAB رقميًا لعرض المتصفح.
  • قد تستغرق الصور الكبيرة بضع ثوانٍ لاستخراج الألوان حسب إمكانات الجهاز.

ضمان الخصوصية على الجهاز

تتم حسابات قنوات الألوان وأخذ عينات الصور وإنشاء الملفات محليًا في ذاكرة متصفحك. لا تُرسل الصور أو الرسومات المرفوعة إلى خادم بعيد.

لا تخزين على الخادم

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

نصائح

  • ثبّت الألوان المفضلة برمز القفل قبل النقر على «عشوائي» لاكتشاف ألوان مزج متوافقة.
  • استخدم وضع Linear RGB عند مزج ألوان الإضاءة الواقعية أو الرسوم ثلاثية الأبعاد أو الرسم الرقمي.

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

كيف تحسب أداة مزج الألوان اللون الناتج؟

تستوفي قنوات الأحمر والأخضر والأزرق وفق النسبة المحددة في فضاء اللون المختار (مثل sRGB أو Linear RGB أو OKLAB) لحساب رمز Hex الوسيط بدقة.

هل يمكن نسخ شيفرة CSS color-mix() مباشرة لتطوير الويب؟

نعم. تنتج الأداة صياغة color-mix(in srgb, color1 ratio%, color2) القياسية للاستخدام المباشر في أوراق أنماط CSS الحديثة.

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

نعم. ارفع صورة أو ملف SVG ضمن علامة تبويب مستخرج الصور لأخذ عينات الألوان المستهدفة ومزجها فورًا.

ما تنسيقات الملفات التي يمكن تصدير الألوان الممزوجة بها؟

يمكن تصدير اللوحات كصور PNG أو ملفات SVG متجهة أو بيانات JSON أو مقاطع شيفرة CSS خام.

هل أداة مزج الألوان مجانية ولا تحتاج إلى حساب؟

نعم، الأداة مجانية بالكامل ولا تتطلب تسجيلًا أو حسابًا وتعمل داخل متصفح الويب.