محول RGB إلى HSL
اعرض أي لون RGB بدرجة اللون والتشبع والإضاءة: القيم 255 و128 و64 تصبح 20.1° و100 % و62.55 %. عدّل الدرجة أو أنشئ سمات فاتحة وداكنة دون تخمين. مجاني في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- المقاومة (Ω)
- 255
- G
- 128
- B
- 64
- H
- 20.1047
- S
- 100
- L
- 62.549
- الدرجة اللونية
- 20.1047
غالباً ما يحفظ المصممون ومطورو الواجهة الأمامية ومؤلفو خطوط المعالجة الألوان كأعداد صحيحة للأحمر والأخضر والأزرق من صفر إلى مئتين وخمسة وخمسين، بينما يحتاجون إلى الدرجة اللونية والتشبع والإضاءة لضبط النغمة دون انحراف في السطوع، أو لبناء متغيرات CSS، أو لتغذية أدوات واعية بالألوان. يقبل محول RGB إلى HSL هذا ثلاث قنوات ضمن نطاق البايت القياسي ذاك، وينفّذ تحويلاً حتمياً بأسلوب sRGB، ويعيد الدرجة اللونية بالدرجات والتشبع والإضاءة كنسب مئوية، مع سلاسل hsl CSS حديثة وتقليدية يمكن لصقها في أوراق الأنماط. تفشل القنوات خارج صفر إلى مئتين وخمسة وخمسين بخطأ إدخال غير صالح واضح حتى لا تُقصَ البيانات السيئة بصمت.
إدخال قنوات RGB وما يحسبه التحويل
قدّموا ثلاثة أعداد باسم r وg وb للأحمر والأخضر والأزرق. يطبّع المحرك أولاً كل قناة بالقسمة على مئتين وخمسة وخمسين لتستقر القيم على الفترة الوحدوية. ثم يجد أقصى وأدنى تلك المكونات الثلاثة المطبّعة والكرومة كفرقها.
الإضاءة هي نصف مجموع الأقصى والأدنى. عندما تكون الكرومة صفراً يكون اللون عديم اللونية: الدرجة اللونية صفر والتشبع صفر، فلا يبقى سوى الإضاءة لوصف الرمادي من الأسود عبر الرمادي المتوسط إلى الأبيض. عندما تكون الكرومة موجبة، يكون التشبع هو الكرومة مقسومة على واحد ناقص القيمة المطلقة لضعف الإضاءة ناقص واحد، وهي صيغة تشبع HSL القياسية المستخدمة في CSS ومكدسات الرسوم.
تُبنى الدرجة اللونية من قطاع عجلة الألوان حيث تقع القناة القصوى: سيادة الأحمر أو الأخضر أو الأزرق، وتُقاس بالدرجات في النطاق نصف المفتوح من صفر حتى ثلاثمئة وستين.
الاستخدام في أعمال التصميم وحدوده
استدعوا محول RGB إلى HSL المجاني في المتصفح لتعديلات اللوحة وعروض المحاضرات والفحوص السريعة دون تثبيت مكتبة ألوان. فضّلوا هذه النقطة عندما تكون نية البحث وإطار المنتج تحديداً RGB إلى HSL بحدود صارمة للقنوات؛ وللتحويل متعدد الصيغ بين HEX وRGB وHSL وLAB وCMYK في استدعاء واحد استخدموا محول الألوان الأوسع في الفهرس. اقرنوا مخرجات HSL بمدققي التباين عند بناء سمات ميسّرة، أو غذّوا إزاحات الدرجة اللونية في خطوط معالجة رموز العلامة التي تُبقي الإضاءة ثابتة أثناء تدوير ألوان التمييز.
تتبع مدخلات المصدر قواعد الاحتفاظ نفسها لعناصر parse KIT الأخرى، والنتائج آمنة للتثبيت في تثبيتات التكامل المستمر لأن الخوارزمية حتمية بالكامل.
حالات الاستخدام
CSS ورموز التصميم
حوّلوا عينات RGB من أدوات التصميم إلى HSL حتى تضبط السمات الدرجة اللونية أو الإضاءة مع سياسات تشبع متسقة في الوضعين الفاتح والداكن.
خطوط معالجة اللوحات والعلامة
الأتمتة التي تبدأ من ألوان علامة RGB تستخرج مكونات HSL لتوليد درجات فاتحة وظلال ومتغيرات تمييز دون قص القنوات خارج النطاق بصمت.
الأسئلة الشائعة
كيف أحوّل RGB إلى HSL بهذه الأداة؟
تتضمن الاستجابة h وs وl وسلاسل CSS وكائن hsl متداخلاً.
ماذا يحدث إن كانت قناة خارج 0–255؟
يجب أن يكون كل من r وg وb بين 0 و255 شاملاً؛ تُرفض القيم خارج النطاق ولا تُحسب.
هل الدرجة اللونية والتشبع والإضاءة نسب مئوية أم كسور 0–1؟
الدرجة اللونية بالدرجات من 0 حتى 360. التشبع والإضاءة نسب مئوية من 0 إلى 100، بما يوافق الاستخدام الشائع لـ hsl() في CSS.
كيف تُحسب الإضاءة في HSL؟
تُقسم كل قناة على 255، ثم تكون الإضاءة نصف مجموع أكبر قيمة وأصغرها. وللون 255 و128 و64 تكون النتيجة 62.55 %.
لماذا تكون درجة اللون في الرمادي صفرًا؟
عندما تتساوى قيم الأحمر والأخضر والأزرق لا يكون للون أي صبغة، فتصبح درجة اللون والتشبع صفرًا، وتصف الإضاءة وحدها الرمادي من الأسود إلى الأبيض.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/rgb-hsl \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"r":255,"g":128,"b":64}'const res = await fetch("https://api.kit.forhosting.com/color/rgb-hsl", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"r": 255,
"g": 128,
"b": 64
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/rgb-hsl",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"r": 255,
"g": 128,
"b": 64
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/rgb-hsl", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"r":255,"g":128,"b":64}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"r":255,"g":128,"b":64}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/rgb-hsl", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"r": 255,
"g": 128,
"b": 64
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.rgb_hsl",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
يعمل ودجت المتصفح مجاناً على جهازكم؛ وتفرض واجهة API المدفوعة مسبقاً $0.002 لكل عنصر ناجح عندما تحتاج الخوادم وSDK إلى العقد نفسه.
إدخال قنوات RGB وما يحسبه التحويل
يجب أن تكون كل قناة عدداً منتهياً بين صفر ومئتين وخمسة وخمسين شاملاً؛ تُقبل سلاسل الأعداد الصحيحة مثل "128"، وتُطابق الأسماء البديلة red وgreen وblue الحقول نفسها إن فضّلتم الأسماء الطويلة. المدخلات المتطابقة تنتج دائماً JSON متطابقاً لأن المسار حسابي بحت بلا شبكة ولا بذرة عشوائية ولا ساعة حائط.
قراءة الدرجة اللونية والتشبع والإضاءة وسلاسل CSS
عند النجاح تعيد الاستجابة قنوات الإدخال r وg وb، ثم تعرض h وs وl للدرجة اللونية بالدرجات والتشبع بالنسبة المئوية والإضاءة بالنسبة المئوية. تُقرَّب القيم إلى أربع منازل عشرية لتثبيتات مستقرة مع بقاء الدقة كافية لأعمال التصميم. الأحمر النقي مئتان وخمسة وخمسون صفراً صفراً يعطي درجة لونية صفراً مع تشبع كامل وإضاءة متوسطة؛ الأخضر النقي والأزرق النقي يقعان قرب مئة وعشرين ومئتين وأربعين درجة على التوالي؛ والقنوات المتساوية تنتج رمادياً بتشبع صفر. تظهر الأعداد الثلاثة نفسها مجدداً تحت الأسماء الطويلة hue وsaturation وlightness، ومتداخلة داخل كائن hsl، حتى يختار رمز الواجهة وعروض SDK والمصححون الشكل المناسب دون تعيين إضافي. تُضمَّن سلسلتان جاهزتان للصق: يستخدم hsl_css الشكل الحديث لوحدة CSS Color مفصولاً بمسافات مثل hsl(30 100% 50%)، ويستخدم hsl_legacy الشكل الكلاسيكي بالفواصل والأقواس الذي ما زالت المحللات القديمة تتوقعه. حقل method دائماً rgb_to_hsl حتى تتمكّن الموجّهات اللاحقة من التفرع دون استشعار الأشكال. غياب أي قناة مطلوبة، والقيم غير العددية، وأي قناة خارج صفر إلى مئتين وخمسة وخمسين تفشل جميعاً بـ invalid_input ولا تُحسب بعد رفض المحرك للطلب.
استخدام API والتسعير وسير عمل التصميم والحدود العملية
أرسلوا جسم JSON بالأعداد الإلزامية r وg وb ضمن النطاق المنشور. استخدموا API المدفوعة مسبقاً عندما يحتاج نظام تصميم أو مولّد سمات أو خط معالجة لإمكانية الوصول أو أداة لون للتجارة الإلكترونية عقداً مستقراً تحت رصيد KIT بسعر $0.002 لكل عنصر ناجح؛ إخفاقات التحقق لا تستهلك الرصيد أبداً بعد رفض المحرك. يمكن لمؤلفي SDK ربط h وs وl مباشرة بعناصر النماذج أو خصائص CSS المخصصة دون إعادة تنفيذ التحويل في كل لغة.
حالات التكامل
تعليم وتقييم حسابات الألوان
تطابق المقررات واختبارات البرمجة إجابات الطلاب RGB→HSL مع JSON حتمي، مع invalid_input واضح عندما تقع أي قناة خارج 0–255.
أسئلة تقنية
هل محول RGB إلى HSL مجاني؟
أداة المتصفح مجانية وتعمل على جهازكم. استدعاءات API تستخدم رصيد KIT المدفوع مسبقاً بسعر $0.002 لكل عنصر ناجح؛ إخفاقات التحقق لا تُحسب.
هل يمكنني استخدام الأسماء البديلة red وgreen وblue؟
نعم. تُقبل الحقول red وgreen وblue كأسماء بديلة لـ r وg وb حتى يستخدم العملاء أسماء قنوات قصيرة أو طويلة.