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

محول HSB / HSV إلى Display P3

الصق قيمة HSB / HSV واحصل على Display P3 فورًا. أي صيغة أخرى تعمل أيضًا.

فُهم على أنه HSV

قيمة Display P3color(display-p3 0.92578 0.38909 0.25797)
Display P3 إلى HSB / HSV

ضبط اللون

11 درجة
100‎%‎

68‎%‎
0.210
34 درجة

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

أمثلة تحويل HSB / HSV إلى Display P3

اللونHSB / HSVDisplay P3
hsv(0 100% 100%)color(display-p3 0.91749 0.20029 0.13856)
hsv(120 100% 100%)color(display-p3 0.4584 0.98526 0.29829)
hsv(240 100% 100%)color(display-p3 0 0 0.95959)
hsv(0 0% 100%)color(display-p3 1 1 1)
hsv(0 0% 0%)color(display-p3 0 0 0)
hsv(0 0% 50.2%)color(display-p3 0.50196 0.50196 0.50196)
hsv(10.59 80% 100%)color(display-p3 0.92577 0.38907 0.25797)
hsv(217.22 76.02% 96.47%)color(display-p3 0.30473 0.50347 0.93383)
hsv(160.12 91.35% 72.55%)color(display-p3 0.33254 0.71471 0.52213)
hsv(37.69 95.51% 96.08%)color(display-p3 0.91216 0.63495 0.23045)
hsv(258.31 62.6% 96.47%)color(display-p3 0.51827 0.3688 0.93154)
hsv(330.37 69.49% 92.55%)color(display-p3 0.85506 0.33272 0.5918)

عن HSB / HSV وDisplay P3

تستخدم صيغة HSV، وتُسمى أيضًا HSB، الصبغة والتشبع والقيمة. يعتمد عليها Photoshop وFigma ومعظم منتقيات الألوان في المربع اللوني.

Display P3 هو النطاق اللوني الواسع في شاشات Apple الحديثة وكثير من الهواتف. يغطي ألوانًا أكثر من sRGB بنحو 25%، ويُكتب هكذا: color(display-p3 r g b).

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

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

أسئلة وأجوبة

كيف أحوّل HSB / HSV إلى Display P3؟

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

هل تحويل HSB / HSV إلى Display P3 دقيق؟

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

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

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

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

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