انتقل إلى منتقي الألوان

محول Lab إلى HWB

الصق قيمة Lab واحصل على HWB فورًا. أي صيغة أخرى تعمل أيضًا.

فُهم على أنه CIE Lab

قيمة HWBhwb(10.59 20% 0%)
HWB إلى Lab

ضبط اللون

11 درجة
100‎%‎

68‎%‎
0.210
34 درجة

كل الصيغ الأخرى

أمثلة تحويل Lab إلى HWB

اللونLabHWB
lab(54.29 80.8 69.89)hwb(0 0% 0%)
lab(87.82 -79.27 80.99)hwb(120 0% 0%)
lab(29.57 68.29 -112.03)hwb(240 0% 0%)
lab(100 0 0)hwb(0 100% 0%)
lab(0 0 0)hwb(0 0% 100%)
lab(53.59 0 0)hwb(0 50.2% 49.8%)
lab(61.03 63.55 55.96)hwb(10.59 20% 0%)
lab(54.62 8.76 -65.79)hwb(217.22 23.14% 3.53%)
lab(66.69 -50.67 17.06)hwb(160.12 6.27% 27.45%)
lab(72.79 26.93 75.43)hwb(37.69 4.31% 3.92%)
lab(50.69 45.85 -71.8)hwb(258.31 36.08% 3.53%)
lab(57.31 67.87 -7.12)hwb(330.37 28.24% 7.45%)

عن Lab وHWB

يصف CIE Lab الإضاءة L ومحورين لونيين: a (من الأخضر إلى الأحمر) وb (من الأزرق إلى الأصفر). وهو مستقل عن الجهاز ويُستخدم لقياس فروق الألوان مثل ΔE.

تصف صيغة HWB اللون بصبغته ومقدار الأبيض والأسود الممزوجين فيه. هي جزء من CSS Color 4 ومفيدة لتفتيح الألوان وتغميقها.

كيف يعمل التحويل

نقرأ قيمة Lab ونحوّلها إلى CIE XYZ بالمصفوفات الواردة في مواصفة CSS Color 4، ثم إلى HWB. القيم الخارجة عن النطاق اللوني الهدف تُعالَج بخوارزمية CSS Color 4 التي تحافظ على الإضاءة والصبغة وتخفّض الكروما.

أسئلة وأجوبة

كيف أحوّل Lab إلى HWB؟

الصق قيمة Lab أو اكتبها في الحقل أعلاه. يحوّلها PickShade بمعادلات CSS Color 4 أثناء الكتابة، ونقرة واحدة تنسخ قيمة HWB.

هل تحويل Lab إلى HWB دقيق؟

الحسابات دقيقة، والنتيجة تُقرَّب للعرض فقط، مع عدد كافٍ من الأرقام للعودة إلى اللون نفسه. وإذا لم يقع اللون ضمن النطاق الهدف، ينبّهك PickShade ويعرض أقرب لون يقع ضمنه.

هل يمكنني الحصول على صيغ أخرى في الوقت نفسه؟

نعم. كل الصيغ الأخرى، ومنها OKLCH وDisplay P3 وTailwind وSwiftUI وFlutter وAndroid، مدرجة أسفل النتيجة وتُنسخ بنقرة واحدة.

هل هذا المحول مجاني؟

نعم. مجاني، ولا يحتاج إلى تسجيل، ويعمل بالكامل في متصفحك.