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