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