متوسط لون قائمة
الصق قائمة من الألوان السداسية العشرية لتحصل على اللون الذي يمثل المجموعة كلها: متوسط #FF0000 و#00FF00 و#0000FF هو #555555. كل قناة متوسط بسيط، فتطابق النتيجة ما يعطيه جدول البيانات. مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- الألوان
- #FF0000, #00FF00, #0000FF
- Hex
- #555555
- سلسلة RGB
- rgb(85, 85, 85)
- Red
- 85
- الأخضر
- 85
عندما يسلّمكم طقم علامة أو سلسلة رسوم أو ملف رموز تصميم كومةً من عينات hex، تحتاجون في كثير من الأحيان إلى لون واحد يمثّل المجموعة كلها: صورة مصغّرة لمجلد، شريحة متوسط اللوحة، تعبئة افتراضية، أو فحص أن رمزًا جديدًا لم يجرّ المجموعة نحو درجة مفاجئة. تأخذ حاسبة متوسط لون القائمة ألوان hex وتعيد المتوسط الحسابي لقنوات الأحمر والأخضر والأزرق، مقرّبًا إلى خطوات صحيحة 0–255، مع رمز hex من ست خانات يمكن لصقه في CSS. المسار حتمي: القائمة نفسها تنتج دائمًا الـ hex نفسه.
كيف يُحسب متوسط RGB لقائمة ألوان
أرسلوا قائمة ألوان hex. تُوسَّع كل عينة إلى ثلاث قنوات صحيحة في المدى من صفر إلى مئتين وخمسة وخمسين. الشكل المختصر بثلاث خانات مثل #f00 يضاعف كل نِبل، فيكون #f00 و#FF0000 الأحمر النقي نفسه.
تُزال علامة المربع الاختيارية في البداية قبل التحقق؛ ويُرفض البادئة 0x حتى لا يُحسب عدد صحيح محزوم رمزَ لون. بعد تحليل كل عينة يجمع الحلّال قيم الأحمر والأخضر والأزرق ثم يقسم كل مجموع على عدد الألوان. ذلك الخارج هو المتوسط الحسابي لتلك القناة.
يُقرَّب كل متوسط إلى أقرب عدد صحيح بقاعدة النصف إلى الأعلى للأعداد الموجبة، فيصير مئة وسبعة وعشرون فاصلة خمسة مئة وثمانية وعشرين، ويُحصر الناتج في النطاق القانوني 0–255. تصبح الأعداد الثلاثة الـ hex الناتج بست خانات كبيرة وعلامة مربع. متوسط RGB الخطي ليس منتصفًا إدراكيًا في LAB أو HSL: أصفر نيون وكحلي شبه أسود قد يجرّان المتوسط نحو الأب الأسطع لأن فضاء القنوات غير منتظم.
ذلك عقد هذا المنتج الموثّق، وهو المتوسط نفسه الذي يحسبه المصممون أصلًا في الجداول ونصوص السمات. لون واحد قائمة جائزة ويعيد نفسه بعد التسوية. نسختان من الـ hex نفسه ما زالتا تعيدان ذلك الـ hex.
الأحمر النقي والأخضر النقي والأزرق النقي معًا تتوسط رماديًا وسطًا، لأن كل قناة تجمع مئتين وخمسة وخمسين على ثلاث عينات.
عقد الإدخال والتحقق وشكل الاستجابة
تُقبل أيضًا سلسلة مفصولة بفواصل أو مسافات أو فواصل منقوطة أو أنابيب وتُقسم إلى رموز، وهذا مفيد عند لصق لوحة من ملف ملاحظات. تلك الإخفاقات لا تُفوتر. مثال: colors بقيم #FF0000 و#00FF00 و#0000FF يعطي hex #555555 لأن متوسط كل قناة مئتان وخمسة وخمسون على ثلاثة أي خمسة وثمانون.
مثال: الأسود والأبيض يعطيان #808080 لأن مئتين وخمسة وخمسين على اثنين تُقرَّب إلى مئة وثمانية وعشرين. استخدموا hex حين تحتاجون رمزًا واحدًا لملف أسلوب؛ واستخدموا rgb حين يتوقع لوح أو فاحص تباين قنوات منفصلة.
أين تبرّر واجهة متوسط لون قائمة مكانها
تضغط أنظمة التصميم لوحة علامة في شريحة لمجلد أو صورة مصغّرة لمكوّن Figma أو بلاطة تسويق يجب أن تمثّل رموزًا كثيرة معًا. تختار مكتبات الرسوم لون سلسلة افتراضيًا من مجموعة الخطوط المستخدمة أصلًا حتى لا تصطدم خط جديد مصادفة. تحسب وظائف التكامل المستمر تجزئة الـ hex المعاد وتُسقط البناء حين يزيح تغيير رمز متوسط اللوحة أكثر مما تسمح به مراجعة.
هذه الصفحة هي الأداة المخصصة لمتوسط لون قائمة: ليست color.mix التي تمزج hexين اثنين بنسبة مختارة، وليست مستخرج لون مهيمن من صورة يقرأ بكسلات صورة فوتوغرافية. فضّلوها عندما تكون نية البحث تلخيص هذه العينات، لا مزج اثنين، ولا تحويل صيغ، ولا سحب ألوان من خريطة بتات. أبقوا القائمة عند مئتين وستة وخمسين عينة أو أقل، وثبّتوا hex وrgb في الاختبارات، فتحصلون على لون ملخص قابل للتكرار للتذاكر وإضافات LMS وعُمّال الحافة دون إقامة مكتبة خاصة لإدارة اللون.
حالات الاستخدام
شريحة ملخص لوحة العلامة
اضغطوا طقم رموز hex للعلامة في عينة متوسطة واحدة لصورة مجلد مصغّرة أو ترويسة دليل أسلوب أو بلاطة تسويق يجب أن تمثّل اللوحة كلها.
افتراضيات الرسوم والسمات
اختاروا لون سلسلة أو سطح افتراضيًا من قيم hex المستخدمة أصلًا حتى تبقى خط رسم أو لوحة واجهة جديدة في الأسرة نفسها دون رمز إضافي مختار يدويًا.
فحوص انحراف اللوحة في CI
ثبّتوا الـ hex المعاد في تركيبات التكامل المستمر وأسقطوا البناء حين يزيح تغيير رمز متوسط RGB للوحة المنشورة.
الأسئلة الشائعة
كيف أحصل على متوسط لون قائمة ألوان hex؟
حقل hex في الاستجابة هو متوسط قنوات RGB بصيغة #RRGGBB.
هل يُحسب المتوسط في RGB أم HSL أم LAB؟
في RGB. كل قناة هي المتوسط الحسابي للقناة المطابقة عبر القائمة، ثم تُقرَّب إلى عدد صحيح 0–255. الفضاءات الإدراكية نية منتج أخرى.
ماذا يحدث إن كانت عينة في القائمة غير صالحة؟
ألفا بثماني خانات وألوان CSS المسماة والنص غير hex تُرفض ولا تُفوتر.
كم لونًا يمكنني توسيطه دفعة واحدة؟
من رمز hex واحد إلى مئتين وستة وخمسين. لون واحد يعيد نفسه بعد التسوية.
لماذا ينتج الأحمر والأخضر والأزرق الصافية لوناً رمادياً؟
لأن مجموع كل قناة في الألوان الثلاثة يساوي 255، وقسمة 255 على ثلاثة تعطي 85، فتكون النتيجة #555555. إنه متوسط مباشر للقنوات لا نقطة وسط إدراكية، لذلك قد تشد الألوان الساطعة المتوسط نحوها.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/average-color \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"colors":["#FF0000","#00FF00","#0000FF"]}'const res = await fetch("https://api.kit.forhosting.com/color/average-color", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"colors": [
"#FF0000",
"#00FF00",
"#0000FF"
]
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/average-color",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"colors": [
"#FF0000",
"#00FF00",
"#0000FF"
]
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/average-color", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"colors":["#FF0000","#00FF00","#0000FF"]}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"colors":["#FF0000","#00FF00","#0000FF"]}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/average-color", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"colors": [
"#FF0000",
"#00FF00",
"#0000FF"
]
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.average_color",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
max_colors | 256 |
max_color_chars | 16 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
العينات غير الصالحة تفشل بـ invalid_input ولا تُفوتر. ودجة المتصفح مجانية؛ وواجهة API المدفوعة مقدمًا تحسب $0.002 لكل عنصر ناجح.
كيف يُحسب متوسط RGB لقائمة ألوان
المسار حساب صرف بلا شبكة ولا بذرة عشوائية ولا ساعة جدار، فمدخلات متطابقة تنتج دائمًا JSON متطابقًا يمكن تثبيته في تركيب اختبار.
عقد الإدخال والتحقق وشكل الاستجابة
أرسلوا جسم JSON بالحقل الإلزامي colors، وهو مصفوفة سلاسل hex. تُقبل الأسماء البديلة colours وpalette وlist وhexes وswatches عندما يستخدم نموذج أو نص قديم تلك الأسماء. يجب أن يكون كل رمز ثلاث خانات أو ست خانات ست عشرية مع علامة مربع اختيارية في البداية؛ أشكال الألفا ذات الثماني خانات وألوان CSS المسماة مثل tomato وسلاسل rgb بين الأقواس خارج النطاق وتفشل بـ invalid_input. قائمة فارغة أو حقل مفقود أو أكثر من مئتين وستة وخمسين بندًا أو رمز أطول من ست عشرة خانة أو أي hex غير صالح يرفع invalid_input ويسمّي الفهرس حتى يبرز العميل الصف الرديء. عند النجاح يعيد الجسم hex، العينة المتوسطة الرئيسة بصيغة #RRGGBB كبيرة بست خانات؛ وrgb كائنًا بأعداد صحيحة r وg وb؛ وrgb_string سطر rgb بين أقواس جاهزًا للصق؛ وred وgreen وblue الأعداد نفسها لتسميات النموذج؛ وcount عدد الألوان التي دخلت المتوسط؛ وcolors قائمة الإدخال المسوّاة؛ وmethod دائمًا rgb_mean؛ ورسالة إنجليزية قصيرة.
أين تبرّر واجهة متوسط لون قائمة مكانها
ولأن التنفيذ تحليل parse خالص من الطبقة A، تكلف كل مناداة ناجحة السعر الأساس المنشور $0.002 بلا رموز نموذج وبلا شبكة خارجة، ولا يستهلك التحقق الفاشل الرصيد.
أسئلة تقنية
كم تبلغ تكلفة حاسبة متوسط لون قائمة؟
أداة المتصفح مجانية. طلبات API تستخدم رصيد KIT المدفوع مقدمًا بسعر $0.002 لكل عنصر ناجح؛ والإدخال غير الصالح لا يُفوتر.