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

ما اللون الأساسي في صورتك؟

أداة من KIT تحلل الصورة وتعيد اللون الأكثر ظهورًا فيها بكود Hex واحد دقيق، بدل لوحة ألوان كاملة متعددة القيم. مفيدة حين تحتاج قيمة واحدة فقط — لمطابقة خلفية صفحة منتج بلون الصورة، أو اختيار لون مكمل لتصميم. تعمل داخل متصفحك دون رفع الملف لأي خادم.

● مستقرةمجاني · داخل متصفحك

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

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

لون واحد بدل لوحة كاملة

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

مطابقة خلفية بلون المنتج

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

فرق عن لوحة الألوان الكاملة

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

الصيغ والحدود

تقبل الأداة JPG وPNG وWebP حتى 15 MB و12 ميغابكسل للصورة، وتحسب اللون السائد اعتمادًا على المساحة الفعلية لكل لون داخل الصورة، لا على عدد البكسلات وحده كما تفعل أدوات أبسط. هذا يمنع لونًا نادرًا لكن مكررًا في نقاط متفرقة من أن يظهر كأنه اللون المهيمن الحقيقي على الصورة بأكملها، فتحصل على القيمة الأدق فعليًا لا تقريبًا فحسب في كل مرة.

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

خلفية بطاقة منتج متناسقة

يستخرج عبدالله المنصوري اللون السائد من صورة كل منتج جديد ليستخدمه في خلفية بطاقة العرض على المتجر الإلكتروني، فتبدو كل بطاقة متناسقة مع صورة منتجها.

اختيار لون زر يتماشى مع الصورة

تصمم سارة النعيمي صفحة هبوط لعرض موسمي وتحتاج لون زر شراء يتماشى مع صورة الغلاف الرئيسية. تستخرج اللون السائد وتستخدمه مباشرة في تصميم الزر.

تصنيف صور حسب اللون الغالب

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

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

ما الفرق بين هذه الأداة ولوحة الألوان الكاملة؟

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

كيف تُحسب الأداة اللون السائد بالضبط؟

تعتمد على المساحة الفعلية التي يشغلها كل لون داخل الصورة، فتعيد اللون الأكثر تغطية لا مجرد لون متكرر في نقاط متفرقة.

هل الأداة مجانية؟

نعم، تعمل داخل متصفحك دون رفع الصورة إلى أي خادم، وبلا حد استخدام أو تسجيل.

هل تُحفظ صورتي بعد التحليل؟

لا تُرفع الصورة أصلًا؛ يجري التحليل بالكامل على جهازك.

هل يمكن استخدام هذه الأداة عبر الـAPI لصور كثيرة؟

نعم، إلى جانب الاستخدام المجاني في المتصفح، يتوفر التحليل نفسه عبر الـAPI لمعالجة أعداد كبيرة من الصور تلقائيًا.

بأي صيغة تظهر النتيجة؟

تظهر كقيمة Hex واحدة، جاهزة للنسخ مباشرة إلى أي برنامج تصميم أو ملف تنسيق موقع.

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

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

الـEndpoint

POSThttps://api.kit.forhosting.com/image/dominant-color

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

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

curl -X POST https://api.kit.forhosting.com/image/dominant-color \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"image":"https://ejemplo.com/imagen.jpg"}'

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

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/image/dominant-color",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "image": "https://ejemplo.com/imagen.jpg"
},
)
task_id = res.json()["task_id"]

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

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

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

{
  "image": "https://ejemplo.com/imagen.jpg"
}

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

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.dominant_color",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

الأسعار

لكل طلب$0.002

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

الحدود

`max_mb`	15
`max_megapixels`	12

الأخطاء

HTTP	الرمز	المعنى
`401`	`unauthorized`	مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
`402`	`insufficient_balance`	رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
`404`	`unknown_type`	نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
`429`	`rate_limited`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

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

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