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

أدخل كود HEX بعلامة # أو بدونها لتحصل على قيم HSV، وهي الصيغة التي تعتمدها منتقيات الألوان في Photoshop وFigma.

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

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

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

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

طريقة الحساب

تُقرأ كل خانتين من كود HEX عددا بالنظام الست عشري: R = RR وG = GG وB = BB من 0 إلى 255، وفي الكود الثلاثي تتكرر كل خانة. ثم (دون تقريب RGB): نأخذ max وmin من R/255 وG/255 وB/255 وd = max - min، فتكون V = max وS = d / max (صفر عند max = 0)، وتُحسب H من القناة الأكبر: 60 × ((G - B) / d mod 6) أو 60 × ((B - R) / d + 2) أو 60 × ((R - G) / d + 4).

مثال

المدخلات: كود HEX = #1E90FF. النتيجة: كود HSV: hsv(209.6, ⁦88.2%⁩, ⁦100%⁩)، الصبغة (H): 209.6 °، التشبع (S): ⁦88.2 %⁩.

#1E90FF
hsv(209.6, ⁦88.2%⁩, ⁦100%⁩)

الحدود والملاحظات

  • لا تُقرأ الشفافية (#RRGGBBAA أو #RGBA)، فأدخل جزء اللون من 6 أو 3 خانات.
  • تُقرّب القيم في الكود إلى منزلة عشرية واحدة، لذلك قد يختلف التحويل العكسي بمقدار 1 في إحدى قنوات RGB.
  • تُعامل كل القيم على أنها في فضاء sRGB، وهو الفضاء الافتراضي للويب، وليس Display P3 أو Adobe RGB.

أسئلة شائعة عن هذه الأداة

ما فائدة تحويل HEX إلى HSV؟

يسهّل إدخال لون من دليل الهوية في منتقي ألوان يعمل بقيم H وS وB، أو تعديل سطوعه دون تغيير صبغته.

هل تقبل الأداة الأكواد الثلاثية مثل #0AF؟

نعم، يُوسَّع الكود الثلاثي بتكرار كل خانة، فيصبح #0AF هو #00AAFF. وعلامة # اختيارية.

هل HSV هو نفسه HSB؟

نعم، هما اسمان لنموذج واحد: V (القيمة) وB (السطوع) يعنيان الشيء نفسه، وPhotoshop يسميه HSB.