تحويل HWB إلى HEX
اختر الصبغة ونسبة البياض والسواد لتحصل على اللون بصيغ الويب المعتادة.
جارٍ تحميل الأداة…
المعالجة والخصوصية: تُحسب النتيجة داخل متصفحك ولا تُرسل بياناتك إلى أي خادم.
طريقة الاستخدام
- أدخل الصبغة H، البياض W والسواد B.
- تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
- انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.
طريقة الحساب
إذا كان W + B ≥ 100% فاللون رمادي بقيمة W ÷ (W + B). وإلا يؤخذ اللون النقي للصبغة ثم: القناة = النقي × (1 − W − B) + W.
مثال
المدخلات: الصبغة H = 200 درجة، البياض W = 20 %، السواد B = 20 %. النتيجة: رمز HEX: #3399CC.
الحدود والملاحظات
- يتبع خوارزمية CSS Color 4 في فضاء sRGB، والنتيجة تقرّب إلى أعداد صحيحة.
أسئلة شائعة عن هذه الأداة
ما هو HWB؟
نموذج لوني يبدأ بصبغة نقية ثم يضيف إليها بياضًا وسوادًا، وهو قريب من طريقة خلط الرسامين للألوان.
ماذا يحدث إذا تجاوز مجموع البياض والسواد 100%؟
يصبح اللون رماديًا وتُهمل الصبغة، ودرجة الرمادي = البياض ÷ مجموعهما.
هل تدعم المتصفحات hwb()؟
نعم، المتصفحات الحديثة تدعم hwb() ضمن CSS Color 4 بصيغة hwb(200 20% 20%).