ForHosting KIT · أدوات المطورين

مزج لونين بوضع التراكب وحساب اللون السداسي

تجمع هذه الحاسبة بين لون أساس ولون مزج باستخدام عملية التراكب الشائعة في برامج الرسوم.

● Betaمجاني · داخل متصفحك

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

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

كيف يختار وضع التراكب معادلته

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

أدخلوا الألوان واقرؤوا النتيجة

حددوا لون أساس ولون مزج بالصيغة السداسية. تقبل الصيغة ذات الأرقام الستة مثل #336699، وكذلك الصيغة المختصرة ذات الأرقام الثلاثة مثل #369. علامة # في البداية اختيارية، لكن قنوات ألفا وأسماء الألوان ودوال CSS والمسافات بين الأرقام غير مقبولة. توسع القيم المختصرة قبل الحساب، وتعود المدخلات المقبولة في صورة موحدة من ستة أرقام وبأحرف كبيرة، مما يحافظ على اتساق السجلات والاختبارات. تتضمن الاستجابة اللون المدمج بصيغة سداسية، وكائن RGB بحقوق صحيحة للأحمر والأخضر والأزرق، وسلسلة rgb(...) قابلة للصق في CSS. كما تعرض المدخلين بعد توحيدهما وتحدد وضع المزج. يكتمل التحقق قبل أي حساب للقنوات. إذا كان أحد الحقلين مفقودا أو لم يكن نصا أو احتوى على محرف غير صالح أو كان بطول خاطئ، تعيد الخدمة خطأ إدخال غير صالح بدلا من التخمين. تفيد هذه الصرامة في أنظمة البناء، لأن كشف فشل واضح أسهل من ملاحظة لون يبدو معقولا لكنه غير مقصود.

استخدموا النتائج الحتمية في سير التصميم

استخدموا هذه الحاسبة عندما تنص مواصفات التصميم على وضع التراكب، بينما تحتاجون إلى لون مسطح محدد بدلا من مستند ذي طبقات. تفيد في إنشاء رموز ألوان السمات، والتحقق من نتيجة محرر رسوم، وإعداد قيم متوقعة لاختبارات التصيير، وحساب لون بديل لنظام لا يحتفظ بأوضاع المزج. ولأن العملية تعمل على قنوات اللون فقط، فهي لا تفحص وحدات البكسل أو العتامة أو ملفات تعريف الألوان أو التدرجات أو العناصر الرسومية المحيطة. إذا احتوت طبقة على شفافية، فركبوا ألفا بصورة منفصلة أو استخدموا مسار معالجة صور يفهم مجموعة الطبقات كاملة. يعمل الحساب مباشرة على قنوات RGB المشفرة؛ فلا يحول ضوء sRGB إلى صيغة خطية ولا يمزج في فضاء لوني إدراكي. هذا مقصود لكي تطابق النتيجة معادلة التراكب التقليدية التي يتوقعها المصممون. الاستخدام في المتصفح مجاني، بينما تكلف كل مطالبة آلية عبر API مبلغ $0.002. يستخدم المساران الحساب النقي نفسه بلا شبكة أو عشوائية أو وقت حالي، ولذلك تنتج المدخلات الصالحة المتطابقة المخرجات نفسها دائما.

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

حولوا رمز تصميم إلى لون مسطح

اجمعوا لون الأساس وطبقة التراكب في لون سداسي واحد ثابت لسمة أو مكتبة مكونات.

تحققوا من برنامج الرسوم

قارنوا نتيجة الأداة بحساب مستقل لكل قناة أثناء ضمان الجودة البصرية.

أنشئوا بيانات لاختبارات التصيير

ولدوا نتائج RGB حتمية لاختبارات وحدات المزج واللقطات عبر المنصات.

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

ما تكلفة مطالبة API؟

تكلف كل مطالبة API مبلغ $0.002. ويمكنكم أيضا تشغيل الحساب نفسه مجانا في المتصفح.

هل ترتيب المدخلين مهم؟

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

ما صيغ الألوان المقبولة؟

تقبل ألوان RGB السداسية من ثلاثة أرقام أو ستة، مع علامة # في البداية أو من دونها. لا تقبل ألفا أو أسماء الألوان أو دوال CSS.

كيف تقرب قيم القنوات؟

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

هل تمزج الأداة الصور أو الشفافية؟

لا. تجمع لونين معتمين من RGB فقط؛ ولا تشمل شبكات البكسل أو تركيب ألفا أو التدرجات أو ملفات تعريف الألوان.

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

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

الـEndpoint

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

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

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

curl -X POST https://api.kit.forhosting.com/color/overlay \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"base":"#336699","blend":"#FFCC00"}'

const res = await fetch("https://api.kit.forhosting.com/color/overlay", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "base": "#336699",
    "blend": "#FFCC00"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/color/overlay",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "base": "#336699",
    "blend": "#FFCC00"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/overlay", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"base":"#336699","blend":"#FFCC00"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"base":"#336699","blend":"#FFCC00"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/overlay", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

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

{
  "base": "#336699",
  "blend": "#FFCC00"
}

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

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.overlay",
  "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`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

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