مولد نظام ألوان مربع
يضع نظام الألوان المربع أربعة ألوان على فواصل متساوية مقدار كل منها تسعون درجة حول عجلة الألوان.
شغّل الأداة مجانًا
أدخل لونًا سداسيًا، فتحافظ الأداة على تشبعه وإضاءته وتنتج اللون الأساسي وثلاثة ألوان متوازنة معه. تتضمن النتيجة قيمًا قابلة لإعادة الاستخدام بصيغ النظام السداسي وRGB وHSL، لتوظيفها مباشرة في نظام تصميم أو ورقة أنماط أو مشروع رسوم أو دراسة لهوية علامة تجارية. الحساب حتمي؛ فالمدخل الصحيح نفسه يعيد دائمًا لوحة الألوان المرتبة ذاتها من دون عشوائية أو اتصال بالشبكة.
كيفية إنشاء تناغم لوني مربع
يقسم التناغم المربع درجات عجلة الألوان البالغ عددها 360 درجة إلى أربعة أرباع متساوية. يحتل اللون المدخل النقطة الأولى، ثم تضيف الأداة 90 و180 و270 درجة إلى درجته اللونية. يبقى التشبع والإضاءة ثابتين، فتكون درجة اللون هي العنصر الوحيد المتغير وتظهر العلاقة الرياضية بين ألوان اللوحة بوضوح. يختلف ذلك عن النظام الرباعي المستطيل، الذي تتناوب فيه المسافات بدل أن تتساوى. تتضمن كل عينة ناتجة مقدار إزاحة اللون الدقيق، وقيم HSL المعيارية، وقنوات RGB، ورمزًا سداسيًا من ست خانات بأحرف صغيرة. تلتف الدورة بصورة صحيحة بعد 360 درجة، ولذلك يعامل اللون الأساسي القريب من نهاية العجلة مثل أي لون آخر. في الألوان المحايدة مثل الرمادي يكون تشبع HSL مساويًا للصفر، فلا ينتج عن تدوير درجة اللون اختلاف مرئي؛ وهذه خاصية متوقعة في نموذج الألوان وليست خطأ. يبدأ ترتيب الناتج دائمًا باللون الأساسي بعد توحيد صيغته، ثم يتبعه ناتج دورات اللون الثلاث الأخرى.
اختيار الألوان الأربعة وتوزيع أدوارها
يمنح التباعد المتساوي تنوعًا واضحًا، لكن بناء تسلسل بصري جيد يظل مرتبطًا بالدور الذي تسنده إلى كل لون. يمكن اعتماد اللون الأساسي لونًا مهيمنًا للعلامة التجارية أو الخلفية أو الرسم. استخدم لونًا مدورًا للتمييز الأساسي، وآخر للتمييز الثانوي، واحتفظ باللون المقابل للمواقف التي تحتاج إلى فصل قوي. ولأن العينات الأربع تتشارك التشبع والإضاءة نفسيهما، فإن وزنها البصري يكون متقاربًا في البداية. عند إعداد واجهة نهائية، أنشئ درجات أفتح وأغمق بعد تحديد الأدوار، حتى لا تتنافس النصوص والحدود والتعبئات والحالات التفاعلية بالقوة نفسها. اختبر دائمًا تباين كل تركيب بين المقدمة والخلفية؛ فالتناغم اللوني لا يضمن سهولة الوصول. توفر الأداة نقطة بداية منضبطة، لكنها لا تفرض استخدام الألوان الأربعة بمساحات متساوية. غالبًا ما يكون التوزيع العملي قائمًا على لون يسيطر على معظم التكوين، ولون أو لونين للدعم، مع استخدام اللون الأخير بقدر محدود لإبراز العناصر المهمة.
استخدام الناتج الحتمي في مسارات التصميم
تكتسب حتمية الناتج أهمية عندما تصبح لوحة الألوان جزءًا من مسار عمل آلي. يمكن للون سداسي أساسي محفوظ أن يعيد إنتاج القيم الأربع نفسها أثناء البناء، أو داخل برنامج نصي لرموز التصميم، أو عندما يغير العميل إعداد السمة. توحيد صيغة المدخل يجعل الرموز المختصرة واختلاف حالة الأحرف متسقة، بينما تسهل المصفوفات الناتجة نسخ الرموز الأربعة أو فحص بيانات الألوان المنظمة. لا ترتب الخوارزمية الألوان بحسب الذوق، ولا تستنتج مزاجًا، ولا تعدل العينات خفية؛ فهي تستخدم تحويلات HSL وإزاحات ثابتة فحسب. تجعل هذه الشفافية النتيجة سهلة المراجعة وإعادة الإنتاج. احتفظ باللون الأساسي إلى جانب اللوحة حتى يفهم المتعاونون لاحقًا مصدرها. وإذا عدلت التشبع أو الإضاءة لدور محدد، فاحتفظ بالمجموعة المربعة الأصلية مرجعًا ووثق الألوان المشتقة على حدة. تبلغ تكلفة طلب API مقدار $0.002، أما نسخة المتصفح فتتيح التجربة اليدوية من دون إرسال اللون إلى مكان آخر.
حالات الاستخدام
إنشاء نظام تصميم من أربعة ألوان
حوّل لون علامة تجارية معتمدًا إلى أربعة رموز أولية مترابطة رياضيًا للاستخدام في الواجهات والحملات.
تخطيط لوحة ألوان للرسوم
أنشئ درجات متساوية التباعد تمنح الشخصيات والمشاهد والإضاءة واللمسات أدوارًا مختلفة ومترابطة.
أتمتة إنشاء السمات
أعد توليد قيم النظام السداسي وRGB وHSL نفسها وبالترتيب ذاته كلما وفر مستخدم أو مشروع لونًا أساسيًا.
الأسئلة الشائعة
ما نظام الألوان المربع؟
هو تناغم من أربعة ألوان تفصل بين درجاتها مسافة 90 درجة على عجلة الألوان.
كيف يختلف عن النظام الرباعي المستطيل؟
يستخدم المربع أربعة فواصل متساوية مقدارها 90 درجة، بينما تتناوب في اللوحة الرباعية المستطيلة فواصل مقدارها عادة 60 و120 درجة.
ما صيغ الألوان السداسية المقبولة؟
استخدم رمزًا سداسيًا من ثلاث خانات أو ست، مع علامة # في البداية أو من دونها، مثل #f00 أو e74c3c.
لماذا تعيد مدخلات الرمادي ألوانًا متطابقة؟
تشبع HSL للرمادي يساوي صفرًا، ولذلك لا يغير تدوير درجة اللون قيمة RGB المرئية.
هل تضمن اللوحة المتناغمة تباينًا مناسبًا لسهولة الوصول؟
لا. تناغم درجات اللون وتباين النص أمران مختلفان، لذا اختبر كل تركيب بين لون المقدمة والخلفية بصورة مستقلة.
ما تكلفة طلب API؟
تبلغ تكلفة كل طلب API مقدار $0.002. أداة المتصفح متاحة للاستخدام اليدوي من دون إرسال طلب API.
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/square-scheme \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#e74c3c"}'const res = await fetch("https://api.kit.forhosting.com/color/square-scheme", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#e74c3c"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/square-scheme",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#e74c3c"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/square-scheme", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#e74c3c"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#e74c3c"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/square-scheme", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"hex": "#e74c3c"
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.square_scheme",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
hex_max_len | 7 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |