محول HSV إلى RGB
حوّل لوناً اخترته بنظام HSV إلى قنوات الشاشة: الصبغة 210 والتشبع 70% والقيمة 80% تعطي rgb(61, 133, 204)، أي #3d85cc، بالصيغة الكلاسيكية ذات القطاعات الستة. مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- H
- 210
- S
- 70
- الجهد (V)
- 80
- القيمة
- 80
- الصبغة
- 210
- التشبع
- 70
- المقاومة (Ω)
- 61
أدخل الصبغة من صفر إلى ثلاثمئة وستين درجة، والتشبع من صفر إلى مئة في المئة، والقيمة من صفر إلى مئة في المئة؛ تُشغّل الأداة الصيغة الكلاسيكية ذات الستة قطاعات، وتُرجع r وg وb من صفر إلى مئتين وخمسة وخمسين، كما تُسلّم سلسلة hex وشكل CSS من نوع rgb() جاهزًا للصق ورياضيات الكرومة الوسيطة خطوة بخطوة. مطورو الواجهة الأمامية الذين يتحققون من تصدير منتقي ألوان، والمصممون الذين يسلّمون HSV من أداة علامة تجارية إلى مهندس يحتاج RGB، والاختبارات الآلية التي تؤكد ثوابت لوحة الألوان، جميعهم يحتاجون ذلك الإسقاط الحتمي نفسه دون فتح استوديو لون متعدد الفضاءات بالكامل.
ما معنى HSV وكيف يُشتق RGB
يرمز HSV إلى الصبغة (Hue) والتشبع والقيمة—نموذج أسطواني أقرب إلى كيفية اختيار كثير من الناس للألوان في برمجيات التصميم من منزلقات الأحمر والأخضر والأزرق الخام. الصبغة زاوية على عجلة الألوان مقاسة بالدرجات: صفر وثلاثمئة وستون يقعان على الأحمر النقي، وستون أصفر، ومئة وعشرون أخضر، ومئة وثمانون سماوي، ومئتان وأربعون أزرق، وثلاثمئة أرجواني. التشبع هو بُعد اللون عن الرمادي نحو الكرومة الكاملة، مُعبَّر عنه هنا كنسبة مئوية من صفر (بلا لون، مستويات رمادي فقط) إلى مئة (أقصى نقاء لتلك الصبغة والسطوع).
القيمة هي السطوع من صفر (أسود بغض النظر عن الصبغة) إلى مئة (أكثر نسخة سطوعًا لتلك الصبغة والتشبع). يبدأ التحويل إلى RGB بتطبيع التشبع والقيمة إلى الفترة الوحدوية من صفر إلى واحد، ويحسب الكرومة C تساوي V مضروبًا في S، والوسيط X من الموضع الكسري داخل قطاع ستين درجة، والمطابقة m تساوي V ناقص C، ثم يخصص الثلاثي المرتب للقنوات المعلّمة بحسب أي من القطاعات الستة ذات الستين درجة تقع فيه الصبغة. أخيرًا تُقاس كل قناة بمئتين وخمسة وخمسين وتُقرَّب إلى عدد صحيح.
هذه الخوارزمية نفسها تُدرَّس في مقررات الرسوم الحاسوبية وتستخدمها منتقيات ألوان لا تُحصى؛ تنفّذ هذه القدرة ذلك بشكل حتمي حتى تبقى اختبارات الذهب ومفاتيح إجابات الصف مستقرة. فهم الفرق عن HSL مهم لمن بحث عن الاختصار الخاطئ: الخفة في HSL ليست نفس محور القيمة في HSV، لذا فإن تغذية أرقام HSL لهذه الأداة تنتج RGB خاطئًا. فضّل HSV عندما تُسمّي مصدرُك القنوات بالفعل صبغة وتشبعًا وقيمة أو سطوعًا.
نصائح عملية وحدود وعمليات بحث ذات صلة
فضّل إرسال نفس مقياس النسبة المئوية الذي صدّرته أداة التصميم للتشبع والقيمة؛ لا ترسل كسور الفترة الوحدوية من صفر إلى واحد إلا بعد الضرب في مئة، لأن تشبعًا بقيمة صفر فاصلة سبعة سيُقرأ كأقل من واحد في المئة ويبدو شبه رمادي. تُقبل الصبغة ثلاثمئة وستون وتُعامل كصفر حتى لا تفشل صادرات العجلة المغلقة.
تستهدف هذه الصفحة من يبحث عن محول HSV إلى RGB، أو صبغة وتشبع وقيمة إلى أحمر وأخضر وأزرق، أو حاسبة لون HSV مجانية عبر الإنترنت؛ وليست محول HSL، ولا أداة hex إلى RGB، ولا مستخرج لوحات من الصور، ولا حزمة إدارة ألوان كاملة مع LAB أو CMYK.
فضّل هذه القدرة عندما تملك HSV بالفعل وتحتاج فقط الأعداد الصحيحة الثلاثة للقنوات أو رمز hex أو سلسلة css من نوع rgb()؛ إذا بدأ خطك من hex فاستخدم مسار hex إلى RGB مخصصًا، وإذا وجب الذهاب والعودة عبر فضاءات كثيرة فاستخدم محولًا متعدد الصيغ.
حالات الاستخدام
تصدير منتقي الألوان إلى CSS واللوحة
يأخذ المطورون HSV من منتقي مخصص أو تصدير تصميم ويتلقون أعداد r وg وb الصحيحة الدقيقة مع سلاسل css وhex لأوراق الأنماط وملء Canvas.
اختبارات وحدوية للسمة وثوابت اللوحة
أنشئ ثلاثيات RGB معروفة من ثوابت HSV حتى تؤكد اختبارات الانحدار البصري ورموز العلامة قيم قنوات مستقرة وترفض التشبع خارج النطاق.
تعليم صيغة HSV ذات الستة قطاعات
يقارن الطلاب القطاع والكرومة والقنوات المقاسة يدويًا مع مصفوفة steps الحتمية قبل تسليم واجب الرسوم.
الأسئلة الشائعة
ما النطاقات التي يقبلها محول HSV إلى RGB؟
الصبغة h من 0 إلى 360 درجة، والتشبع s من 0 إلى 100 في المئة، والقيمة v من 0 إلى 100 في المئة.
هل HSV هو نفسه HSL؟
لا. كلاهما يستخدم أسماء الصبغة والتشبع، لكن القيمة (السطوع) ليست نفسها الخفة. تنفّذ هذه الأداة HSV فقط؛ لا تُغذِّ ثلاثيات HSL وتتوقع RGB صحيحًا.
ماذا تمثل r وg وb؟
شدّات قنوات الأحمر والأخضر والأزرق كأعداد صحيحة من 0 إلى 255.
ما قيمة لون HSV بقيم 210 و70% و80% في RGB؟
أحمر 61 وأخضر 133 وأزرق 204، أي rgb(61, 133, 204) أو #3d85cc بصيغة hex. وتُعرض خطوات الحساب الوسيطة لتتحقق منها بنفسك.
كيف تجري خطوات الحساب؟
يُحوَّل التشبع والقيمة إلى المجال من 0 إلى 1، ثم تُحسب شدة اللون بضرب القيمة في التشبع فتساوي 0.56. وتُقسَم دائرة الألوان إلى ستة قطاعات كل منها 60 درجة لتوزيع القنوات، ثم يُضاف 0.24 ويُضرب الناتج في 255 ويُقرَّب.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/hsv-rgb \
-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-rgb", {
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-rgb",
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-rgb", 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-rgb", 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_rgb",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
h_min | 0 |
h_max | 360 |
s_min | 0 |
s_max | 100 |
v_min | 0 |
v_max | 100 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
يأخذ محول HSV إلى RGB لونًا موصوفًا بالصبغة على العجلة، والتشبع كنسبة مئوية من الكرومة النقية، والقيمة كسطوع، ثم يُسقط تلك الأرقام الثلاثة على قنوات الأحمر والأخضر والأزرق الصحيحة التي ما زالت كل شاشة وواجهة canvas API ونظام رموز التصميم تتحدث بها أصليًا. يُرفض التشبع خارج النطاق من صفر إلى مئة بخطأ واضح invalid_input بدل اختراع لون مقصوص. المسار حساب حتمي خالص—بلا شبكة، بلا بذور عشوائية، بلا اعتماد على الساعة—لذلك يُرجع مشغّل المتصفح المجاني وواجهة API المدفوعة مسبقًا نفس JSON في كل استدعاء.
كيف تستدعي واجهة API وماذا يعود
قاعدة التشبع لغة منتج مقصودة: تشبع بمئة وواحد أو سالب عشرة يجب ألا يُقصّ بصمت، حتى يلاحظ المستدعون منتقيات وثوابت رديئة. أرسل جسم JSON بثلاثة أعداد منتهية إلزامية: h للصبغة بالدرجات من صفر إلى ثلاثمئة وستين (أسماء بديلة hue وH)، وs للتشبع كنسبة مئوية من صفر إلى مئة (أسماء بديلة saturation وS)، وv للقيمة كنسبة مئوية من صفر إلى مئة (أسماء بديلة value وV وbrightness). تُقبل السلاسل الرقمية المحيطة التي تطابق نمطًا عدديًا منتهيًا صارمًا وتُحوَّل كما تُحوَّل أعداد JSON. عند النجاح تُرجع الاستجابة h وs وv المقربة مع أسماء hue وsaturation وvalue، وحقولًا صحيحة r وg وb مع أسماء red وgreen وblue، ومصفوفة rgb من ثلاثة أعداد، وسلسلة hex صغيرة بحرف التجزئة في البداية، وسلسلة css بالشكل rgb(r, g, b)، وسلسلة css_hsv تلخص نسب الإدخال، وفهرس قطاع من صفر إلى خمسة لوعاء الستين درجة المستخدم، ورسالة إنجليزية قصيرة، ومصفوفة steps تُظهر التطبيع والكرومة وتعيين القطاع وخطوط القياس النهائية للتصحيح أو التعليم. فشل التحقق—حقول ناقصة، أعداد غير منتهية، صبغة خارج صفر إلى ثلاثمئة وستين، قيمة خارج صفر إلى مئة، أو تشبع خارج صفر إلى مئة—يُرجع invalid_input ولا يُحتسب أبدًا. التسعير مبلغ ثابت $0.002 لكل طلب ناجح مع عنصر وحدوي وسعر وحدوي هامشي صفري.
نصائح عملية وحدود وعمليات بحث ذات صلة
عند كتابة اختبارات وحدوية، غطِّ على الأقل الأحمر النقي بتشبع وقيمة كاملين، وأزرق منتصف قطاع مثل مئتين وعشر درجات بتشبع جزئي، ورمادي بتشبع صفر حيث تغيّر القيمة فقط مستوى الرمادي RGB، وأسود بقيمة صفر يتجاهل الصبغة، وتشبعًا خارج صفر إلى مئة عمدًا حتى لا يتراجع مسار invalid_input. المهام الفاشلة التي تُرجع invalid_input لا تستهلك الرصيد المدفوع مسبقًا، ما يبقي سكربتات الاستكشاف والتحقق من النماذج رخيصة بينما يلصق المتعلمون قيمًا غير كاملة من الحافظة أو يختبرون حدود التشبع عمدًا.
أسئلة تقنية
ماذا يحدث إذا كان التشبع خارج 0–100؟
تُرجع واجهة API القيمة invalid_input مع رسالة بأن التشبع يجب أن يكون بين 0 و100. لا تُقص القيمة. فشل التحقق لا يُحتسب.
هل محول HSV إلى RGB مجاني؟
أداة المتصفح مجانية وتعمل محليًا. تستخدم استدعاءات API رصيد KIT المدفوع مسبقًا بمبلغ $0.002 لكل طلب ناجح؛ المهام الفاشلة لا تُحتسب أبدًا.