تحويل HEX إلى HWB

أدخل رمز اللون فتحصل على قيم HWB الثلاث وصيغة CSS جاهزة.

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

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

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

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

طريقة الحساب

H هي صبغة HSV، وW = أصغر قناة ÷ 255، وB = 1 − أكبر قناة ÷ 255، بالنسبة المئوية.

مثال

المدخلات: رمز اللون HEX = #3399CC. النتيجة: صيغة hwb() في CSS: hwb(200 ⁦20%⁩ ⁦20%⁩)، الصبغة H: 200 °، البياض W: ⁦20%⁩.

#3399CC
hwb(200 ⁦20%⁩ ⁦20%⁩)

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

  • الألوان الرمادية ليس لها صبغة، فتظهر H = 0.
  • لا يقبل رموز الشفافية الثمانية.

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

كيف أفتّح اللون باستخدام HWB؟

ارفع قيمة البياض W مع إبقاء الصبغة، فيقترب اللون من الأبيض دون أن يتغير لونه الأساسي.

هل صبغة HWB هي صبغة HSL نفسها؟

نعم، الصبغة H واحدة في HSL وHSV وHWB.

لماذا البياض + السواد أقل من ⁦100%⁩ دائمًا هنا؟

لأن أصغر قناة لا تتجاوز أكبرها، فالمجموع يصل إلى ⁦100%⁩ فقط في الألوان الرمادية.