طريقة استخراج لوحة الألوان من صورتك
أداة من KIT تحلل الصورة وتستخرج مجموعة ألوانها الرئيسية بأكواد Hex جاهزة للاستخدام مباشرة في التصميم أو الهوية البصرية. تعمل بالكامل داخل متصفحك دون رفع الملف لأي خادم، وتناسب من يحتاج ألوان صورة منتج أو مرجع تصميم لبناء هوية متسقة بسرعة.
شغّل الأداة مجانًا
تعمل هذه الأداة داخل متصفحك — مجانًا، ولا تُرسل بياناتك إلى أي خادم
من الصورة إلى لوحة ألوان جاهزة
بدل تخمين ألوان صورة إعجبتك بالعين المجردة، تحلل الأداة الصورة رقميًا وتستخرج الألوان الأكثر تكرارًا فيها كأكواد Hex دقيقة تمامًا دون أي تقريب. تحصل على لوحة من عدة ألوان مرتبة حسب نسبة ظهورها الفعلي في الصورة، جاهزة للنسخ مباشرة إلى برنامج تصميم أو ملف تنسيق موقع دون تخمين أو مطابقة يدوية بالعين قد تختلف نتيجتها من شخص لآخر حسب إضاءة الشاشة.
بناء هوية بصرية من صورة واحدة
صورة منتج، واجهة متجر، أو حتى صورة قماش تحمل أحيانًا الألوان المثالية لهوية بصرية متكاملة دون أن تنتبه لذلك من قبل أو تخطط له مسبقًا. تستخرج منها اللوحة وتستخدمها في شعارك أو موقعك أو تغليف منتجك، فتحافظ على تناسق بصري حقيقي بين الصورة الأصلية وكل ما تبنيه حولها لاحقًا من مواد تسويقية أو تصميمية أخرى بالكامل، دون أن يبدو أي عنصر دخيلًا على الهوية العامة.
مجانية ومباشرة داخل المتصفح
لا حاجة لرفع الصورة إلى أي خادم لاستخراج ألوانها: يجري التحليل على جهازك مباشرة، بلا حد استخدام وبلا تسجيل من أي نوع كان. مناسبة أيضًا لصور شخصية أو غير منشورة بعد، لأن الصورة لا تغادر متصفحك في أي مرحلة من مراحل العملية بالكامل، وهو ما يمنحك راحة تامة عند التعامل مع صور خاصة أو حساسة لم تشاركها مع أحد بعد.
الصيغ والحدود
تقبل الأداة JPG وPNG وWebP حتى 15 MB و12 ميغابكسل للصورة الواحدة. عدد الألوان المستخرجة يتناسب مع تنوع الصورة نفسها؛ صورة بسيطة الخلفية تعطي لوحة أقصر، وصورة غنية بالتفاصيل والتدرجات تعطي لوحة أوسع تعكس تنوعها الحقيقي بدقة أكبر ووضوح تام في كل درجة لونية، دون أن تفوتك درجة نادرة ظاهرة في زاوية صغيرة من الصورة قد تهمك في التصميم النهائي.
حالات الاستخدام
هوية بصرية من صورة منتج
تستخرج فاطمة الزهراني ألوان صورة قماش أوشحتها لبناء هوية بصرية لحسابها على انستغرام، فيبدو الشعار والخلفية متناسقين مع لون المنتج الحقيقي.
لوحة ألوان لتصميم متجر إلكتروني
يحلل مصمم صورة واجهة متجر فعلي ليستخرج ألوانها ويستخدمها في تصميم النسخة الإلكترونية من المتجر، فيحافظ على الهوية نفسها بين المكانين.
مرجع ألوان لديكور داخلي
يستخرج عبدالله المنصوري لوحة الألوان من صورة غرفة أعجبته ليستخدمها مرجعًا عند اختيار دهانات وأثاث مشابه لمنزله.
الأسئلة الشائعة
هل استخراج الألوان مجاني فعلًا؟
نعم، بلا حد استخدام وبلا تسجيل. تفتح الأداة، ترفع الصورة، وتحصل على لوحة الألوان فورًا.
هل تُرفع صورتي إلى خادم أثناء استخراج الألوان؟
لا. يجري التحليل بالكامل داخل متصفحك، ولا تغادر الصورة جهازك في أي وقت.
بأي صيغة تظهر الألوان المستخرجة؟
تظهر كأكواد Hex قياسية، جاهزة للنسخ مباشرة إلى أي برنامج تصميم أو ملف تنسيق موقع دون تحويل إضافي.
كم لونًا تستخرج الأداة من الصورة الواحدة؟
يختلف العدد حسب تنوع ألوان الصورة نفسها؛ صورة بسيطة تعطي لوحة قصيرة، وصورة غنية بالتفاصيل تعطي لوحة أوسع.
هل يمكن استخراج اللون الرئيسي وحده بدل اللوحة كاملة؟
نعم، توجد أداة مستقلة تعطيك اللون السائد الواحد فقط إن كنت تحتاج قيمة واحدة بدل لوحة كاملة.
هل تعمل الأداة من الجوال؟
نعم، مباشرة من متصفح الجوال دون تثبيت تطبيق.
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/image/palette \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"image":"https://ejemplo.com/imagen.jpg"}'const res = await fetch("https://api.kit.forhosting.com/image/palette", {
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/palette",
headers={"Authorization": f"Bearer {os.environ['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/palette", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"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/palette", 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.palette",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
max_mb | 15 |
max_megapixels | 12 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |