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

مولد درجات لونية دافئة وباردة من لون أساسي

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

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

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

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

كيفية إنشاء الدرجات الدافئة والباردة

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

اختيار اللون الأساسي وقراءة النتائج

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

استخدام اللوحات الحتمية ضمن سير العمل

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

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

إنشاء بدائل للسمة

اشتق لمسات دافئة وباردة هادئة أو واضحة من لون علامة تجارية معتمد من دون تغيير تشبعه أو إضاءته.

بناء ألوان متوازنة للمخططات

مثّل الحالات الأكثر دفئًا وبرودة بدرجات متناسقة تحافظ على الشدة البصرية للون المصدر.

توثيق رموز التصميم

احفظ رمزًا أساسيًا وأعد إنتاج درجات الحرارة الأربع نفسها في الشفرة وملفات التصميم وملاحظات المراجعة.

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

كم لونًا يعيد المولد؟

يعيد خمسة ألوان بترتيب ثابت: دافئ قوي، ودافئ خفيف، وأساسي، وبارد خفيف، وبارد قوي.

ما الهدفان الدافئ والبارد؟

تتحرك الدرجات الدافئة نحو البرتقالي عند 30 درجة، والباردة نحو الأزرق عند 220 درجة، عبر أقصر مسار على دائرة اللون.

هل يغيّر المولد التشبع أو الإضاءة؟

لا. فهو يحافظ على القيمتين من اللون الأساسي ولا يغيّر سوى درجة اللون.

لماذا تُرفض ألوان الرمادي والأسود والأبيض؟

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

هل تصلح هذه الألوان لنصوص متاحة للجميع؟

لا تضمن اللوحة مستوى التباين. افحص كل توليفة من لون المقدمة والخلفية باستخدام أداة متخصصة في إتاحة الوصول.

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

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

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

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

الـEndpoint

POSThttps://api.kit.forhosting.com/color/temperature-palette

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

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

curl -X POST https://api.kit.forhosting.com/color/temperature-palette \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#6f4bb8"}'

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

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/color/temperature-palette",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "color": "#6f4bb8"
},
)
task_id = res.json()["task_id"]

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

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

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

{
  "color": "#6f4bb8"
}

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

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.temperature_palette",
  "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 الكامل ←