محوّل RGB إلى HSV
انقل لون RGB إلى الأرقام التي تستخدمها عجلة الألوان: البرتقالي 255 و128 و0 درجة لونه نحو 30° وتشبعه 1 وقيمته 1. مفيد عندما تحتاج أداة الاختيار إلى درجة اللون والسطوع منفصلين. مجاني في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- المقاومة (Ω)
- 255
- G
- 128
- B
- 0
- H
- 30.1176470588
- S
- 1
- الجهد (V)
- 1
- H بالدرجات
- 30.1176470588
يأخذ محوّل RGB إلى HSV هذا ثلاث شدات قنوات — الأحمر والأخضر والأزرق — كل منها عدد صحيح من صفر إلى مئتين وخمسة وخمسين، ويعيد درجة اللون بالدرجات إضافة إلى التشبع والقيمة كأجزاء وحدوية من صفر إلى واحد. يستخدم المصممون ومطوّرو الواجهات الأمامية والطلاب هذا التحويل عندما تعيش اللوحة في قنوات sRGB لكن واجهة المستخدم تحتاج عجلة درجة لون، أو منزلق تشبع، أو تحكم إضاءة يمكن للبشر التفكير فيه بسهولة. المحرك حتمي تمامًا: يطبّع كل قناة بقسمتها على مئتين وخمسة وخمسين، ويجد الأقصى والأدنى، ويحسب دلتا، ثم يطبّق صيغة درجة اللون السداسية القطاعات الكلاسيكية وهويّتي التشبع والقيمة القياسيتين — دون اتصال شبكي، ولا أخذ عيّنات عشوائية، ولا اعتماد على الساعة.
ماذا يعني تحويل RGB إلى HSV وما الذي تحتويه الاستجابة
في نموذج sRGB الثماني البت المستخدم في CSS ومعظم رسومات الويب، يكون كل من الأحمر والأخضر والأزرق قناة صحيحة من صفر إلى مئتين وخمسة وخمسين. يعيد HSV ترتيب اللون نفسه إلى ثلاثة محاور إدراكية: درجة اللون هي الموضع على عجلة الألوان بالدرجات من صفر شاملة إلى ثلاثمئة وستين غير شاملة، والتشبع هو مدى نقاء اللون من الرمادي عند صفر إلى الصفاء الكامل عند واحد، والقيمة هي الإضاءة الكلية من الأسود عند صفر إلى أسطع صورة لتلك الدرجة عند واحد.
يبدأ التحويل بقياس كل قناة بقسمتها على مئتين وخمسة وخمسين، ثم يضبط Cmax على الأكبر من القنوات الوحدوية الثلاث، وCmin على الأصغر، ودلتا على الفرق بينهما. تكون درجة اللون صفرًا عندما تكون دلتا صفرًا (محور رمادي)؛ وإلا فتُشتق من القناة التي تمثّل Cmax وصيغة قطاع بالباقي تربط الحالات المسيطر عليها بالأحمر أو الأخضر أو الأزرق على العجلة. يكون التشبع صفرًا عندما تكون Cmax صفرًا، وإلا فهو دلتا على Cmax؛ والقيمة هي ببساطة Cmax.
لا يوجد مسار يقبل نسبًا مئوية أو قنوات عشرية كمدخل، ولا تقييد صامت لمئتين وستة وخمسين إلى مئتين وخمسة وخمسين. تشمل الحالات المرفوضة فقدان حقل r أو g أو b، والسلاسل الفارغة بعد التشذيب، والأعداد غير الصحيحة، والنصوص غير الرقمية، وInfinity أو NaN، وأي قناة أقل من صفر تمامًا أو أكبر من مئتين وخمسة وخمسين.
أين يندرج تحويل RGB إلى HSV في التصميم والدراسة والبرمجيات
يلتقي المصممون بهذا التحويل عندما يسرد دليل علامة تجارية عيّنات RGB ويحتاج منتقي مبني على درجة اللون أو نظام رسوم متحركة إلى H وS وV، أو عندما يبلّغ ملتقط شاشة الأحمر والأخضر والأزرق ويجب أن تدور لوحة توليدية درجة اللون مع تثبيت القيمة، أو عندما يجب على أدوات إمكانية الوصول التفكير في الإضاءة بمعزل عن الصفاء اللوني. يراها الطلاب في دورات الرسوميات الحاسوبية التي تقدّم نماذج ألوان أسطوانية، وفي دورات الفن الرقمي التي تنتقل بين منزلقات القنوات وعجلات HSV، وفي إحماءات المقابلات التي تطلب تحويلًا ذهنيًا لثلاثية قصيرة.
يستدعي مطوّرو الواجهات الأمامية العقد نفسه من النصوص البرمجية لتوليد ملفات رموز تصميم مرجعية، أو لتشغيل واجهات منتقي ألوان تعرض درجة اللون والإضاءة، أو لتطبيع بيانات مستوردة من جداول بيانات تخزّن أعمدة r وg وb منفصلة قبل تغذية مظلّل قماشي. تستخدم أدوات المنتجات والتعليم التحويل عندما يعدّل متعلم ثلاثة حقول RGB وتحتاج الواجهة إلى إظهار درجة اللون والتشبع والقيمة حيًا دون رحلة ذهاب وإياب إلى مكتبة رسوميات ثقيلة.
اجمعه مع أدوات ألوان متعددة الصيغ عندما تحتاج hex أو CMYK، ومع محوّلات حتمية مجانية أخرى عندما تبني مختبرًا صغيرًا لنظافة نظام التصميم.
حالات الاستخدام
عجلات درجة اللون وأدوات اللوحات
حوّل ثلاثيات RGB للعلامة التجارية إلى درجة لون وتشبع وقيمة للمنتقيات واللوحات التوليدية وإطارات الرسوم المتحركة.
بيانات اختبار حتمية
ولّد نتائج HSV قابلة لإعادة الإنتاج لاختبارات الوحدة وفحوصات الخصائص وتأكيدات CI على مساعدات الألوان.
الواجبات وعروض التدريس
تحقق من عمل الطلاب في تحويل RGB إلى HSV وقدّم عرضًا حيًا لنماذج الألوان الأسطوانية دون تطبيقات حاسبة غامضة.
الأسئلة الشائعة
ما النطاق المسموح ل r وg وb؟
يجب أن تكون كل قناة عددًا صحيحًا من 0 إلى 255 شاملًا.
ما وحدات h وs وv؟
درجة اللون h بالدرجات ضمن [0, 360). التشبع s والقيمة v أجزاء وحدوية ضمن [0, 1].
هل تحوّل هذه الأداة HSV مرة أخرى إلى RGB؟
لا. تحوّل هذه الأداة فقط قنوات RGB الصحيحة إلى HSV. استخدم محوّل ألوان عكسيًا أو متعدد الصيغ إذا احتجت إلى HSV إلى RGB أو فضاءات أخرى.
ما درجة اللون والتشبع للرمادي؟
كلاهما 0. عندما تتساوى قيم الأحمر والأخضر والأزرق لا يوجد فرق بين أكبر قناة وأصغرها، فيقع اللون على محور الرماديات وتتغير القيمة وحدها من 0 للأسود إلى 1 للأبيض.
لماذا يبلغ البرتقالي 255 و128 و0 أقصى تشبع وقيمة؟
القيمة هي أكبر قناة مقسومة على 255 وتساوي هنا 1، والتشبع هو الفرق بين أكبر قناة وأصغرها مقسومًا على الأكبر ويساوي 1 أيضًا. ولا يميّزه عن الأحمر الصافي إلا درجة اللون، نحو 30°.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/rgb-hsv \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"r":255,"g":128,"b":0}'const res = await fetch("https://api.kit.forhosting.com/color/rgb-hsv", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"r": 255,
"g": 128,
"b": 0
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/rgb-hsv",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"r": 255,
"g": 128,
"b": 0
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/rgb-hsv", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"r":255,"g":128,"b":0}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"r":255,"g":128,"b":0}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/rgb-hsv", 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": 0
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.rgb_hsv",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
min_channel | 0 |
max_channel | 255 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
تُرفض القنوات خارج نطاق صفر إلى مئتين وخمسة وخمسين بخطأ invalid_input واضح بدلًا من تقييدها بصمت. استخدمه مجانًا في المتصفح لعمل اللوحات وإطارات الرسوم المتحركة والواجبات، أو استدعِ API بسعر $0.002 لكل طلب ناجح عندما تحتاج إلى بيانات مطابقة في CI أو أنظمة التصميم أو العروض التعليمية.
ماذا يعني تحويل RGB إلى HSV وما الذي تحتويه الاستجابة
تعيد هذه الحاسبة الأعداد الصحيحة المتحقَّق منها r وg وb، وh وs وv المقرَّبة، وh_degrees مكرَّرة للوضوح، وs_percent وv_percent مقاسة بمئة لواجهات المنزلق، وسلسلة rgb، وسلسلة ملخّص hsv، ووسم الطريقة rgb_to_hsv، وتذكيرًا موجزًا بالصيغة. يبني المحرك ثلاثية HSV دقيقة لثلاث قنوات قانونية أو يرفض الطلب ب invalid_input. إن احتجت إلى HSV إلى RGB، أو تجميع hex، أو HSL، أو LAB، أو CMYK، فاستخدم أداة عكسية أو متعددة الصيغ مخصصة؛ هذه الصفحة تجيب فقط عن تحويل قنوات RGB الصحيحة إلى ثلاثية HSV ثابتة تناسب رموز التصميم واختبارات الوحدة ومستهلكي API.
كيف تُقرأ r وg وb وكيف تبقى HSV قابلة لإعادة الإنتاج
تُشذَّب المسافات الخارجية على القنوات النصية؛ وتُسمح إشارة الجمع البادئة الاختيارية فقط عندما تكون الأحرف المتبقية أرقامًا عشرية تُحلَّل إلى عدد صحيح ضمن النطاق. يُقبل عدد JavaScript المجرَّد فقط عندما يكون عددًا صحيحًا منتهيًا ضمن صفر إلى مئتين وخمسة وخمسين؛ تفشل قيم مثل مئة وثمانية وعشرين فاصلة خمسة في التحقق بدلًا من تقريبها، وتفشل القيم السالبة أو التي تبلغ مئتين وستة وخمسين فما فوق برسالة تسمّي القناة وتنص على أنها يجب أن تبقى ضمن صفر إلى مئتين وخمسة وخمسين. يُطابق الأحمر الخالص درجة لون صفر بتشبع وقيمة كاملين؛ ويُطابق الأسود الخالص درجة لون صفر وتشبع صفر وقيمة صفر؛ وتنتج القنوات المختلطة مثل مئتين وخمسة وخمسين ومئة وثمانية وعشرين وصفر درجة لون دافئة قرب ثلاثين درجة بتشبع وقيمة كاملين. الحقول المفضّلة هي r للأحمر وg للأخضر وb للأزرق، لكن الأسماء البديلة red وR الكبيرة للأحمر، وgreen وG الكبيرة للأخضر، وblue وB الكبيرة للأزرق مقبولة أيضًا حتى تعيد جداول البيانات وسلاسل الاستعلام والنماذج المكتوبة استخدام العقد نفسه دون إعادة تسمية الأعمدة. بعد التحقق، يستخدم التحويل حسابًا مغلقًا فقط على القنوات الوحدوية، ثم يقرّب المكوّنات العشرية إلى عرض عشري ثابت حتى تبقى الملفات المرجعية في JSON وتأكيدات CI ثابتة عبر المنصات. اجمع بين التشغيل المجاني في المتصفح على هذه الصفحة وAPI المدفوعة عندما تحتاج إلى النتيجة الرياضية نفسها داخل خط أنابيب آلي دون إعادة تنفيذ تطبيع القنوات بنفسك.
أين يندرج تحويل RGB إلى HSV في التصميم والدراسة والبرمجيات
يعمل هذا العمل بالكامل داخل متصفحك في هذه الصفحة؛ ومن خلال API يكلّف كل استعلام ناجح $0.002، ولا يُفرض رسم على التحقق الفاشل، ولا يُخزَّن شيء بعد إعادة الاستجابة. هذا الفصل — الاستكشاف التفاعلي المجاني وواجهة برمجية مدفوعة مطابقة — يتوافق مع بقية كتالوج KIT من الفئة tier A ويتيح لك الانتقال من عرض توضيحي صفّي أو مراجعة تصميم إلى خط أنابيب آلي دون تغيير النتيجة الرياضية.
أسئلة تقنية
كم يكلّف محوّل RGB إلى HSV؟
هو مجاني في متصفحك على هذه الصفحة. عبر API يكلّف الطلب الناجح $0.002؛ ولا تُفرض رسوم على المدخلات غير الصالحة.
لماذا تُرفض القيمة 256 بدلًا من تقييدها؟
التقييد الصامت يخفي أخطاء البيانات. تفشل القنوات خارج النطاق بخطأ invalid_input حتى يصحّح المستدعون قيم المصدر بدلًا من نشر اللون الخاطئ.