تحويل HSV (HSB) إلى HEX
أدخل الصبغة والتشبع والسطوع لتحصل على كود HEX جاهزا للاستخدام في 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. ثم: تُقرّب كل قناة إلى عدد صحيح وتُكتب بخانتين في النظام الست عشري: #RRGGBB.
مثال
المدخلات: الصبغة (H) = 200 °، التشبع (S) = 60 %، السطوع (V) = 80 %. النتيجة: كود HEX: #52A3CC.
الحدود والملاحظات
- تُقرّب قنوات RGB إلى أعداد صحيحة، فقد تعطي مدخلات متقاربة النتيجة نفسها.
- تُعامل كل القيم على أنها في فضاء sRGB، وهو الفضاء الافتراضي للويب، وليس Display P3 أو Adobe RGB.
أسئلة شائعة عن هذه الأداة
ماذا يحدث إذا كان السطوع V = 0؟
يصبح اللون أسود #000000 مهما كانت الصبغة والتشبع، لأن كل القنوات تُضرب في صفر.
أين أجد قيم HSV في برامج التصميم؟
في منتقي الألوان في Photoshop تظهر الحقول H وS وB، وفي Figma يمكنك اختيار HSB من قائمة صيغ اللون.
هل يظهر كود HEX بأحرف كبيرة أم صغيرة؟
يظهر بأحرف كبيرة مثل #1E90FF، والمتصفحات تقبل الحالتين دون أي فرق في اللون.
