تحويل HSV (HSB) إلى RGB
أدخل الصبغة والتشبع والسطوع لتحصل على قيم RGB لاستخدامها في CSS والبرمجة وأدوات تصميم الشاشات.
جارٍ تحميل الأداة…
المعالجة والخصوصية: تُحسب النتيجة داخل متصفحك ولا تُرسل بياناتك إلى أي خادم.
طريقة الاستخدام
- أدخل الصبغة (H)، التشبع (S) والسطوع (V).
- تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
- انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.
طريقة الحساب
مع S وV كسورا من 0 إلى 1: C = V × S وX = C × (1 - |(H / 60) mod 2 - 1|) وm = V - C، ثم تُختار (R1, G1, B1) من (C, X, 0) أو (X, C, 0) أو (0, C, X) أو (0, X, C) أو (X, 0, C) أو (C, 0, X) حسب قطاع H كل 60 درجة، وتكون كل قناة (القيمة + m) × 255. ثم: تُقرّب القنوات إلى أعداد صحيحة من 0 إلى 255.
مثال
المدخلات: الصبغة (H) = 200 °، التشبع (S) = 60 %، السطوع (V) = 80 %. النتيجة: كود RGB: rgb(82, 163, 204)، الأحمر (R): 82، الأخضر (G): 163.
الحدود والملاحظات
- تُقرّب قنوات RGB إلى أعداد صحيحة، فقد تعطي مدخلات متقاربة النتيجة نفسها.
- تُعامل كل القيم على أنها في فضاء sRGB، وهو الفضاء الافتراضي للويب، وليس Display P3 أو Adobe RGB.
أسئلة شائعة عن هذه الأداة
لماذا تساوي الصبغة 360 القيمة 0؟
لأن الصبغة زاوية على دائرة الألوان، و360 درجة دورة كاملة تعود إلى الأحمر عند 0.
أين أجد قيم HSV في برامج التصميم؟
في منتقي الألوان في Photoshop تظهر الحقول H وS وB، وفي Figma يمكنك اختيار HSB من قائمة صيغ اللون.
لماذا تظهر قيم RGB أعدادا صحيحة؟
لأن كل قناة في ألوان الشاشة القياسية (8 بت) لها 256 مستوى من 0 إلى 255، فنقرّب الناتج إلى أقرب عدد صحيح.
