ForHosting KIT · تحرير الصور وتحليلها

مازج الألوان

مزج #FF0000 و#0000FF بنسبة 50% يعطي #800080، وهو بنفسجي فيه الأحمر 128 والأخضر 0 والأزرق 128. اصنعوا درجات وسطى لعلامتكم وألوان الحالات من لونين لديكم أصلًا. مجانًا في متصفحكم.

مجاني
يعمل في متصفحك
دون تسجيل
بياناتك لا تغادر جهازك

شغّل الأداة مجانًا اطّلع على الـAPI

استخدمها من الويبAPIالبريدTelegramالتطبيق قريبًا

مثال محلول

إذا أدخلت

لون hex الأول: #FF0000
لون hex الثاني: #0000FF
النسبة: 50

تحصل على

T: 0.5
رمز hex: #800080
سلسلة RGB: rgb(128, 0, 128)

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

كيف يعمل مزج RGB وكيف تختار النسبة

أرسل لونين hex ونسبة من صفر إلى مئة. داخليًا يُوسَّع كل لون إلى ثلاث قنوات في المدى من صفر إلى مئتين وخمسة وخمسين. الشكل المختصر ثلاثي الأرقام مثل شبكة f صفر صفر يتوسع إلى ستة أرقام بمضاعفة كل nibble، لذا شبكة f صفر صفر وشبكة FF0000 هما نفس الأحمر الخالص.

تُقبل البادئات الاختيارية للشبكة أو صفر-x وتُزال قبل التحقق. RGB الخطي ليس نقطة وسط إدراكية في LAB أو HSL، لذا قد يبدو لونان شديدا الاختلاف في الإضاءة منحازين نحو الأب الأسطع؛ هذا هو السلوك المتوقع لهذا المنتج ويتوافق مع استيفاء القنوات الكلاسيكي بأسلوب CSS الذي تستخدمه كثير من سكربتات التصميم أصلًا.

الاستخدام في التصميم وحدوده العملية

استدعِ مازج الألوان المجاني داخل المتصفح لمسودات اللوحات وتجارب صبغة العلامة التجارية وفحوص المزج الوسط السريعة دون تثبيت أداة تصميم. اقرن هذه النقطة النهائية بأدوات hex إلى HSL أو الألوان المكملة عندما تكون الخطوة التالية لوحة كاملة، أو بفاحصات التباين عندما يجب أن يستوفي اللون الممزوج WCAG أمام النص. يُدعم إدخال hex فقط —ألوان CSS المسماة وسلاسل rgb بين الأقواس خارج النطاق— لذا طبّع في المنبع إذا كانت بيانات المصدر تستخدم أسماء.

تتبع مدخلات المصدر قواعد الاحتفاظ نفسها لعناصر parse الأخرى في KIT، والنتائج آمنة للتثبيت في تجهيزات التكامل المستمر لأن الخوارزمية حتمية بالكامل.

حالات الاستخدام

درجات وسطى للوحة العلامة

امزج hex علامة أساسية مع ثانوية عند 25% و50% و75% لتوليد رموز وسط متدرجة لسمات الواجهة وأطقم التسويق.

ألوان التمرير والحالات

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

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

ماذا تعني النسبة المئوية للنسبة؟

Ratio هي النسبة المئوية لـ color2 في المزج.

ماذا يحدث إذا أرسلت رمز hex غير صالح؟

يجب أن يكون كلا اللونين ست عشريًا بـ 3 أو 6 أرقام (# اختياري). الطول الخاطئ أو الأرقام غير hex تُرفض ولا تُحسب.

هل يتم المزج في HSL أو LAB؟

الفضاءات الإدراكية نية منتج مختلفة؛ هذه الأداة تطابق مزج قنوات hex الكلاسيكي.

ما اللون الناتج عن مزج الأحمر والأزرق بنسبة 50%؟

ينتج #800080، وهو بنفسجي. تقف كل قناة في المنتصف: ينخفض الأحمر من 255 إلى 128، ويرتفع الأزرق من 0 إلى 128، ويبقى الأخضر عند 0.

كيف أصنع لون تمرير المؤشر بهذا المازج؟

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

أدوات ذات صلة

للمطوّرين — الوصول عبر API

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

الـEndpoint

POSThttps://api.kit.forhosting.com/color/mix

صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.

استدعِ الخدمة من بيئتك

curl -X POST https://api.kit.forhosting.com/color/mix \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color1":"#FF0000","color2":"#0000FF","ratio":50}'

const res = await fetch("https://api.kit.forhosting.com/color/mix", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "color1": "#FF0000",
    "color2": "#0000FF",
    "ratio": 50
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/color/mix",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "color1": "#FF0000",
    "color2": "#0000FF",
    "ratio": 50
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/mix", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"color1":"#FF0000","color2":"#0000FF","ratio":50}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"color1":"#FF0000","color2":"#0000FF","ratio":50}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/mix", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

مثال على الطلب

{
  "color1": "#FF0000",
  "color2": "#0000FF",
  "ratio": 50
}

مثال على الاستجابة

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.mix",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

الأسعار

لكل طلب$0.002

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

الأخطاء

HTTP	الرمز	المعنى
`401`	`unauthorized`	مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
`402`	`insufficient_balance`	رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
`404`	`unknown_type`	نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
`429`	`rate_limited`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

ملاحظات تقنية

تنفّذ هذه القدرة مزجًا خطيًا حتميًا على الأحمر والأخضر والأزرق كلٌّ على حدة: عند النسبة صفر تكون النتيجة color1 خالصًا، وعند مئة تكون color2 خالصًا، والقيم بينهما تستيف كل قناة وتُقرَّب إلى خطوات صحيحة 0–255. يعمل ودجت المتصفح مجانًا على جهازك؛ وتفرض API المدفوعة مسبقًا $0.002 لكل عنصر ناجح عندما تحتاج الخوادم وSDK نفس العقد.

كيف يعمل مزج RGB وكيف تختار النسبة

تُفسَّر النسبة كنسبة مئوية من color2 في المزج: القناة تساوي تقريب color1 مضروبًا في واحد ناقص t زائد color2 مضروبًا في t، حيث t هي النسبة مقسومة على مئة. يعني ذلك أن النسبة صفر تُبقي color1 دون مساس، والنسبة مئة تعطي color2، والنسبة خمسون تقع في منتصف الطريق في RGB الخطي لكل قناة. المدخلات المتطابقة تنتج دائمًا JSON متطابقًا لأن المسار حسابي بحت بلا شبكة وبلا بذرة عشوائية وبلا ساعة حائط.

قراءة الاستجابة: hex وRGB والمدخلات المعادة

استخدم hex عندما تحتاج رمزًا واحدًا لرموز الأنماط أو ملفات السمات؛ واستخدم rgb عندما يتوقع لوحة رسم أو مكتبة مخططات أو فاحص إتاحة قنوات منفصلة. عند النجاح تعيد الاستجابة color1 وcolor2 المطبَّعين كـ hex سداسي الأرقام بأحرف كبيرة مع شبكة بادئة، والنسبة الرقمية التي أرسلتها، وt كفاصل الوحدة المستخدم في الـ lerp. يظهر الناتج الممزوج بثلاث طرق: hex كعينة مزج رئيسية، وrgb ككائن بحقول صحيحة r وg وb، وrgb_string كسطر مقروء rgb قوس مفتوح r فاصلة g فاصلة b قوس مغلق للصق في CSS أو ملاحظات التصميم. يعرض color1_rgb وcolor2_rgb قنوات الأصل المحلَّلة حتى ترسم الواجهات طرفي التدرج دون إعادة تحليل. تسمية method دائمًا rgb_lerp حتى يتفرع الكود اللاحق دون شمّ الأشكال. غياب color1 أو color2 أو ratio، وratio خارج صفر إلى مئة، وأي رمز hex غير صالح تفشل جميعها بـ invalid_input ولا تُحسب بعد رفض المحرك. تسمي رسائل الخطأ الحقل حتى يعرض عملاء API تحققًا دقيقًا من النماذج.

استخدام API والتسعير وسير عمل التصميم والحدود العملية

أرسل جسم JSON بحقول النص الإلزامية color1 وcolor2 إضافة إلى الرقم الإلزامي ratio. تُقبل الأسماء البديلة hex1 وhex2 وa وb وfrom وto وpercent وamount وmix عند توثيقها حتى تُربط حقول النماذج القديمة بسلاسة. استخدم API المدفوعة مسبقًا عندما يحتاج مولّد سمات أو خط أنابيب نظام تصميم أو بنّاء عينات تجارة إلكترونية أو خدمة أصول تسويقية عقدًا مستقرًا تحت رصيد KIT بسعر $0.002 لكل عنصر ناجح؛ إخفاقات التحقق لا تستهلك الرصيد أبدًا. يمكن لمؤلفي SDK تعيين hex وrgb مباشرة إلى منتقيات الألوان وجداول الرموز التي يتوقعها الطلاب والمصممون أصلًا.

حالات التكامل

خطوط أنابيب سمات مؤتمتة

تستدعي سكربتات أنظمة التصميم API المدفوعة مسبقًا لدمج لونين بذرة في رموز JSON متطابقة بتّيًا عبر تشغيلات CI.

أسئلة تقنية

كيف أمزج لونين hex بهذا المازج؟

أرسل JSON مع color1 وcolor2 وratio (0–100). مثال: color1 "#FF0000" وcolor2 "#0000FF" وratio 50 يعيد المزج الوسط RGB كحقول hex وrgb.

هل مازج الألوان مجاني؟

تعمل أداة المتصفح مجانًا على جهازك. تستخدم استدعاءات API رصيد KIT المدفوع مسبقًا بسعر $0.002 لكل عنصر ناجح؛ إخفاقات التحقق لا تُحسب.

اطّلع على توثيق KIT الكامل ←

شغّل الأداة مجانًا

مثال محلول

كيف يعمل مزج RGB وكيف تختار النسبة

الاستخدام في التصميم وحدوده العملية

حالات الاستخدام

درجات وسطى للوحة العلامة

ألوان التمرير والحالات

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

أدوات ذات صلة

للمطوّرين — الوصول عبر API

الـEndpoint

استدعِ الخدمة من بيئتك

مثال على الطلب

مثال على الاستجابة

الأسعار

الأخطاء

ملاحظات تقنية

كيف يعمل مزج RGB وكيف تختار النسبة

قراءة الاستجابة: hex وRGB والمدخلات المعادة

استخدام API والتسعير وسير عمل التصميم والحدود العملية

حالات التكامل

خطوط أنابيب سمات مؤتمتة

أسئلة تقنية

شكرًا