تحويل HSV (HSB) إلى HEX

أدخل الصبغة والتشبع والسطوع لتحصل على كود HEX جاهزا للاستخدام في CSS وبرامج التصميم ودليل الهوية.

جارٍ تحميل الأداة…

المعالجة والخصوصية: تُحسب النتيجة داخل متصفحك ولا تُرسل بياناتك إلى أي خادم.

طريقة الاستخدام

  1. أدخل الصبغة (H)، التشبع (S) والسطوع (V).
  2. تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
  3. انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.

طريقة الحساب

مع 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، والمتصفحات تقبل الحالتين دون أي فرق في اللون.