محول HSV إلى HSL
انقل لوناً من HSV إلى HSL دون تخمين: الصبغة 210 والتشبع 70% والقيمة 80% تعطي إضاءة 52% على الصبغة نفسها، مع إعادة حساب التشبع ليناسب HSL. مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- H
- 210
- S
- 70
- الجهد (V)
- 80
- S in
- 70
- S
- 58.3333333333
- L
- 52
HSV وHSL نموذجان لونيان أسطوانيان يشتركان في زاوية الصبغة نفسها على العجلة لكنهما يخزّنان السطوع والحيوية على محاور مختلفة. يقبل محول HSV إلى HSL هذا الصبغة بالدرجات من صفر إلى ثلاثمئة وستين، والتشبع كنسبة مئوية، والقيمة كنسبة مئوية من صفر إلى مئة، ثم يعيد تعيين التشبع والقيمة إلى تشبع HSL وإضاءته مع نسخ الصبغة دون تغيير.
كيف يُحوَّل HSV إلى HSL مع بقاء الصبغة نفسها
الصبغة مشتركة بين النموذجين: صفر درجة أحمر نقي، ومئة وعشرون أخضر نقي، ومئتان وأربعون أزرق نقي، وثلاثمئة وستون تغلق الدائرة عند الأحمر مجدداً. يتباعد النموذجان في كيفية تخزين الحيوية والسطوع. في HSV تكون القيمة هي أقصى قنوات RGB الأساسية على مقياس الوحدة، فقيمة مئة بالمئة هي أسطع لون لتلك الصبغة والتشبع، وقيمة صفر بالمئة سوداء دائماً بغض النظر عن التشبع.
يمتد تشبع HSV رمادياً من تلك القيمة نحو اللون كامل الكرومية عند الصبغة المختارة. في HSL تمتد الإضاءة من الأسود عند صفر بالمئة مروراً بنصف نغمة نقية قرب خمسين بالمئة حتى الأبيض عند مئة بالمئة، ويمتد تشبع HSL رمادياً من تلك الإضاءة نحو الكروم الكامل. ولأن الهندستين تختلفان، فإن التشبع الرقمي في HSV ليس نفس الرقم في HSL لمعظم الألوان حتى عندما يتطابق اللون المدرك بعد التحويل.
يعمل المسار المغلق المستخدم هنا على الفترة الوحدوية: الإضاءة تساوي القيمة مضروبة في واحد ناقص نصف تشبع HSV، وتشبع HSL صفر عند الأسود أو الأبيض وإلا فجوة القيمة والإضاءة مقسومة على أدنى الإضاءة وواحد ناقص الإضاءة. تُنسخ الصبغة دون تغيير. يجب أن تقع الصبغة في الفترة المغلقة من صفر إلى ثلاثمئة وستين؛ ويجب أن يقع التشبع والقيمة كل منهما بين صفر ومئة بالمئة شاملة.
أين يظهر تحويل HSV إلى HSL في العمل الفعلي
سمات الجوال الأصلية ومنتقيات مواد Unity وUnreal وكثير من مكتبات الرسوم تعرض عناصر تحكم بالسطوع مبنية على القيمة؛ ومع ذلك توثّق أنظمة التصميم غالباً منحدرات العلامة في HSL حتى تتمكن فرق المنتج من تدريج الإضاءة لتباين يمكن الوصول إليه مع إبقاء الصبغة ونطاقاً إدراكياً للتشبع ثابتين. أدوات تصور البيانات والفن التوليدي التي تخزّن عينات الفنانين كـ HSV تحتاج مساراً موثوقاً عند تصدير الرموز كخصائص HSL مخصصة للويب. خطوط أنابيب الفيديو والبث التي توثّق الألوان في HSV لتصحيح الكاميرا ما زالت تحتاج HSL عند تغذية CSS ووثائق التصميم.
المناهج والمعسكرات التدريبية تعلّم النماذج الأسطوانية جنباً إلى جنب وتحتاج أوراكل واحداً موثوقاً لمفاتيح الواجبات التي تطابق هويات الكتب. إذا احتجت لاحقاً المسار العكسي HSL إلى HSV أو HSV إلى RGB أو تحويلاً متعدد الصيغ HEX LAB CMYK أو فحوصات تباين WCAG، فاعاملها كنوايا بحث وصفحات هبوط منفصلة بدلاً من إثقال هذه الصفحة المخصصة لمحول HSV إلى HSL.
حالات الاستخدام
عينات المحرك إلى رموز HSL في CSS
حوّل ثلاثيات HSV للفنانين من محركات الألعاب والمنتقيات الأصلية إلى HSL لأنظمة التصميم وخصائص CSS المخصصة وجداول التوثيق.
سمات الجوال وتسليم التصميم
ارسم ألوان العلامة المبنية على القيمة من محرري سمات الجوال إلى منحدرات HSL تستطيع فرق المنتج تفتيحها لتباين يمكن الوصول إليه.
الأسئلة الشائعة
ما النطاقات التي تقبلها الصبغة والتشبع والقيمة؟
يجب أن تكون الصبغة h بين 0 و360 درجة شاملة. التشبع s والقيمة v نسبتان مئويتان من 0 إلى 100.
هل تتغير الصبغة عند التحويل من HSV إلى HSL؟
لا. الصبغة مشتركة بين النموذجين وتُنسخ دون تغيير. يُعاد حساب التشبع ومحور القيمة إلى الإضاءة فقط.
هل تشبع HSV هو نفس رقم تشبع HSL؟
لا. النموذجان يعرّفان التشبع بشكل مختلف. يطبّق هذا المحول الهوية ذات الصيغة المغلقة ليطابق اللون الناتج بينما تختلف قيم S الرقمية عادةً.
ماذا يحدث عند الأسود أو الأبيض الكامل؟
عندما تكون القيمة صفراً تكون الإضاءة صفراً وتشبع HSL صفراً (أسود). قرب طرفي إضاءة الأبيض أو الأسود النقيين ينهار تشبع HSL إلى صفر بصيغة الفترة الوحدوية.
ماذا يصبح لون HSV بقيم 210 و70% و80% في HSL؟
تبقى الصبغة 210 وتصبح الإضاءة 52%. وينخفض التشبع تحت 70% الأصلية، لأن HSL يقيس حيوية اللون نسبةً إلى الإضاءة لا إلى أسطع قناة.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/hsv-hsl \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"h":210,"s":70,"v":80}'const res = await fetch("https://api.kit.forhosting.com/color/hsv-hsl", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"h": 210,
"s": 70,
"v": 80
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hsv-hsl",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"h": 210,
"s": 70,
"v": 80
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hsv-hsl", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"h":210,"s":70,"v":80}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"h":210,"s":70,"v":80}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hsv-hsl", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"h": 210,
"s": 70,
"v": 80
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hsv_hsl",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
تفشل القنوات خارج النطاقات القانونية بخطأ واضح invalid_input حتى لا تُلفّ الرموز الخاطئة أو تُقصّ بصمت.
كيف يُحوَّل HSV إلى HSL مع بقاء الصبغة نفسها
خط الأنابيب حساب عائم نقي بلا بذور عشوائية ولا طوابع ساعة ولا استدعاءات شبكة، فالمدخلات المتطابقة تنتج دائماً JSON متطابقاً.
ما الذي ترسله وما الذي تستلمه
أرسل ثلاثة أرقام منتهية: الصبغة h بالدرجات من صفر إلى ثلاثمئة وستين، وتشبع HSV s كنسبة مئوية من صفر إلى مئة، والقيمة v كنسبة مئوية في النطاق نفسه. تشمل الفحوصات الكلاسيكية الأحمر المتوسط النقي في HSV بصبغة صفر وتشبع مئة وقيمة مئة الذي يُعيَّن إلى إضاءة HSL خمسين مع تشبع كامل؛ والأسود كقيمة صفر الذي ينهار إلى أسود عديم اللون بإضاءة صفر؛ والرماديات بتشبع صفر التي تُعيَّن إلى تشبع HSL صفر مع إضاءة تساوي نصف قيمة المصدر. استخدم نموذج المتصفح المجاني لاستكشاف اللوحات ومراجعات التصميم، ثم استدعِ العقد نفسه من السكربتات عند الحاجة إلى تحويل جماعي لمواد المحرك أو رموز سمات الجوال إلى HSL في CSS. قد يصل كل حقل كرقم JSON أو كسلسلة رقمية؛ وتُقبل الأسماء البديلة hue وsaturation وvalue وbrightness للراحة. الحقول الناقصة والسلاسل غير الرقمية وNaN وInfinity والقنوات خارج النطاق تفشل بـ invalid_input ولا تُحسب. عند النجاح تعيد الاستجابة h منظفاً، وتشبع المصدر s_in، وقيمة الإدخال v، وتشبع HSL الناتج s والإضاءة l، وكائنين متداخلين hsv وhsl بالثلاثيات الكاملة، وملاحظة صيغة قصيرة تعيد تأكيد هوية الفترة الوحدوية. تسعير طلبات API الناجحة هو الأساس المنشور $0.002 لكل عنصر؛ وأخطاء التحقق لا تستهلك الرصيد المدفوع مسبقاً.
أين يظهر تحويل HSV إلى HSL في العمل الفعلي
سير عمل إمكانية الوصول التي تستلم HSV من محرر صور ثم تضبط الإضاءة المدركة في HSL ما زالت تحتاج تخطيطاً دقيقاً للقنوات دون واجهات API حصرية للمتصفح. ولأن هذه القدرة محرك parse نقي، فإن تسعير API هو الأساس المنشور $0.002 لكل عنصر ناجح والتحقق الفاشل لا يستهلك الرصيد.
حالات التكامل
تجهيزات جماعية ومفاتيح المناهج
اكتب سكربت تحويل حتمي من HSV إلى HSL لتجهيزات الانحدار وأوراكل الواجبات وتصدير اللوحات بسعر $0.002 لكل عنصر.
أسئلة تقنية
كم يكلف محول HSV إلى HSL؟
أداة المتصفح مجانية وتعمل محلياً. طلبات API تستخدم رصيد KIT المدفوع مسبقاً بسعر $0.002 لكل عنصر ناجح؛ والمدخل غير الصالح لا يُحسب.