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

مكتشف اللون التكميلي

اعثر في خطوة واحدة على اللون المقابل للونك في دائرة الألوان: الأحمر الصافي #FF0000 يعطي السماوي #00FFFF بنفس التشبع والإضاءة، بصيغة سداسية عشرية وRGB وHSL. مفيد لاشتقاق لون إبراز من لون العلامة التجارية. مجاناً في متصفحك.

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

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

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

مثال محلول

إذا أدخلت

لون المصدر كـ hex: #FF0000

تحصل على

ست عشري: #00FFFF
أرقام hex: 00FFFF
المقاومة (Ω): 0
G: 255

يحتاج المصممون ومطوّرو الواجهة الأمامية وفرق العلامة التجارية غالبًا إلى اللون الذي يقع مقابل عيّنة معيّنة على عجلة الدرجات اللونية—أزواج للأزرار والخلفيات، ورموز تمييز من لون أساسي للعلامة، أو عروض تعليمية لنظرية الألوان الكلاسيكية. يقبل مكتشف اللون التكميلي هذا رمز hex مثل #FF0000 أو الصيغة القصيرة #f00، أو سلسلة rgb(r,g,b)، أو قنوات الأحمر والأخضر والأزرق منفصلة من صفر إلى مئتين وخمسة وخمسين؛ ويحوّل المصدر إلى درجة وتشبع وإضاءة، ويدور الدرجة بمئة وثمانين درجة بالضبط مع الإبقاء على التشبع والإضاءة ثابتين، ويعيد اللون التكميلي كـ hex وقنوات RGB ومكوّنات HSL وسلاسل CSS جاهزة للصق.

إدخال لون وكيفية حساب الدرجة المقابلة

يقبل إدخال hex ثلاثة أو ستة أرقام ست عشرية مع أو بدون علامة التجزئة الأولى، لذا يعمل #FF0000 وFF0000، وكذلك الصيغ القصيرة #f00 وf00. تُتجاهل حالة الأحرف. يمكنكم أيضًا إرسال سلسلة rgb(...)

أو rgba(...) أو ثلاثية مفصولة بفواصل مثل 255,0,0؛ وعند وجود ألفا تُتجاهل في حساب التكملة. بعد أن يحلّ المحرك المصدر إلى قنوات sRGB صحيحة، يحوّل إلى HSL بنفس مسار max-min-chroma المستخدم في CSS ومكدّسات الرسوم: الإضاءة نصف مجموع القنوات المطبّعة القصوى والدنيا، والتشبع صفر للرماديات وإلا الكروم مضبوطًا بصيغة HSL القياسية، والدرجة زاوية القطاع بالدرجات من صفر حتى ثلاثمئة وستين.

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

قراءة الأصل والتكملة وحقول الراحة في المستوى الأعلى

عند النجاح تتضمّن الاستجابة كائن original يصف لون المصدر المحلّل وكائن complement يصف اللون المقابل. يسجّل حقل source ما إذا استخدم التحليل hex أو سلسلة rgb أو قنوات منفصلة. الأحمر النقي #FF0000 يعطي السيان #00FFFF؛ والأخضر النقي يكمّل نحو الأرجواني؛ والأزرق النقي يكمّل نحو الأصفر.

الرماديات اللالونية تحفظ نفس RGB بعد الدوران لأن التشبع صفر—ولا يتقدّم سوى زاوية الدرجة المبلّغ عنها بمئة وثمانين درجة.

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

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

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

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

تمييزات العلامة من hex أساسي

حوّلوا لون العلامة الأساسي إلى تمييز مقابل موثوق للأزرار والمخططات وكتل التسويق دون اختيار عيّنات يدويًا في كل مرة.

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

كيف أعثر على اللون التكميلي لرمز hex؟

تتضمّن الاستجابة complement.hex (وhex في المستوى الأعلى) إضافة إلى RGB وHSL للدرجة المقابلة.

هل يمكنني إرسال قنوات RGB بدل hex؟

نعم. قدّموا r وg وb كلًّا بين 0 و255، أو سلسلة مثل rgb(255,0,0). القنوات الثلاث مطلوبة عند إدخال القنوات.

ماذا يحدث إذا كانت قيمة اللون غير صالحة؟

يُرفض hex التالف والطول الخاطئ والأحرف غير hex والحقول المفقودة والقنوات خارج 0–255 ولا تُحسب.

ما اللون التكميلي للرمادي؟

الرمادي بلا تشبع، لذلك يحتفظ مكمّله بقيم RGB نفسها تماماً. وحدها زاوية التدرج المعروضة تتقدم 180 درجة، أما ما تراه على الشاشة فلا يتغير.

ما الألوان التكميلية للأحمر والأخضر والأزرق الصافية؟

الأحمر الصافي #FF0000 يعطي السماوي #00FFFF، والأخضر الصافي يتجه نحو الأرجواني، والأزرق الصافي نحو الأصفر. في كل حالة يدور التدرج نصف دورة ويبقى التشبع والإضاءة كما هما.

أدوات ذات صلة

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

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

الـEndpoint

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

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

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

curl -X POST https://api.kit.forhosting.com/color/complementary \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#FF0000","hex":"valor-ejemplo"}'

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

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/color/complementary",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "color": "#FF0000",
    "hex": "valor-ejemplo"
},
)
task_id = res.json()["task_id"]

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

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

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

{
  "color": "#FF0000",
  "hex": "valor-ejemplo"
}

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

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

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

تفشل قيم اللون غير الصالحة—hex تالف أو قنوات خارج النطاق أو حقل مفقود—بخطأ واضح invalid_input حتى لا تُقصّ البيانات السيئة بصمت. يعمل ودجت المتصفح مجانًا على جهازكم؛ وتتقاضى API المدفوعة مسبقًا $0.002 لكل عنصر ناجح عندما تحتاج الخوادم وSDK إلى العقد الحتمي نفسه.

إدخال لون وكيفية حساب الدرجة المقابلة

قدّموا حقل سلسلة باسم color (أسماء بديلة hex وvalue وcolour وinput) أو القنوات العددية الثلاث r وg وb (أسماء بديلة red وgreen وblue). يتطلّب إدخال القنوات المكوّنات الثلاثة جميعها في النطاق الشامل من صفر إلى مئتين وخمسة وخمسين؛ وقد تصل الأرقام كأعداد JSON أو سلاسل رقمية. المدخلات المتطابقة تنتج دائمًا JSON متطابقًا لأن المسار حسابي بحت بلا شبكة ولا بذرة عشوائية ولا ساعة حائط.

قراءة الأصل والتكملة وحقول الراحة في المستوى الأعلى

يحمل كل حزمة hex بعلامة تجزئة وستة أرقام كبيرة، وhex_digits بلا علامة، وقنوات r وg وb، وh وs وl للدرجة بالدرجات والتشبع والإضاءة بالنسبة المئوية، والأسماء الطويلة hue وsaturation وlightness، وكائن hsl متداخل، وسلسلة rgb_css مثل rgb(0, 255, 255). للتسلسل السريع تُكرَّر قيم التكملة نفسها في المستوى الأعلى كـ hex وr وg وb وh وs وl وhsl وrgb_css حتى يقرأ كود الواجهة والمقيّمون شكلًا مسطّحًا بلا تداخل. الحقل hue_rotation_deg دائمًا مئة وثمانون، وmethod دائمًا hue_rotate_180 حتى تتفرّع الموجّهات دون تفحّص الأشكال. بيانات اللون المفقودة والقمامة غير hex وطول hex الخاطئ والقنوات خارج صفر إلى مئتين وخمسة وخمسين تفشل جميعها بـ invalid_input ولا تُحسب بعد رفض المحرك.

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

أرسلوا جسم JSON مع color كسلسلة hex أو rgb، أو r وg وb كقيم قنوات. استخدموا API المدفوعة مسبقًا عندما يحتاج نظام تصميم أو مولّد سمات أو أداة متغيّرات تجارة إلكترونية أو خط أنابيب وصول إلى عقد مستقر تحت رصيد KIT بسعر $0.002 لكل عنصر ناجح؛ وفشل التحقق لا يستهلك الرصيد بعد رفض المحرك. يمكن لمؤلفي SDK تعيين hex وRGB في المستوى الأعلى مباشرة إلى عناصر النماذج أو خصائص CSS المخصّصة دون إعادة تنفيذ تحليل اللون ودوران HSL في كل لغة.

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

السمات وخطوط رموز التصميم

الأتمتة التي تخزّن الألوان كـ hex أو RGB تشتق رموزًا تكميلية بـ JSON حتمي لمتغيّرات السمة الفاتحة والداكنة.

تعليم نظرية الألوان والتقييم

تتحقق المقرّرات وتقييمات البرمجة من إجابات الطلبة التكميلية مقابل تجهيزات ثابتة، مع invalid_input عند تلف قيمة اللون.

أسئلة تقنية

كيف تُحسب التكملة؟

يحوّل المحرك اللون إلى HSL، ويضيف 180 درجة إلى الدرجة (بمقاس 360)، ويبقي التشبع والإضاءة، ثم يعيد التحويل إلى RGB وhex. method دائمًا hue_rotate_180.

هل مكتشف اللون التكميلي مجاني؟

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

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

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

مثال محلول

إدخال لون وكيفية حساب الدرجة المقابلة

قراءة الأصل والتكملة وحقول الراحة في المستوى الأعلى

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

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

تمييزات العلامة من hex أساسي

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

أدوات ذات صلة

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

الـEndpoint

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

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

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

الأسعار

الأخطاء

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

إدخال لون وكيفية حساب الدرجة المقابلة

قراءة الأصل والتكملة وحقول الراحة في المستوى الأعلى

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

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

السمات وخطوط رموز التصميم

تعليم نظرية الألوان والتقييم

أسئلة تقنية

شكرًا