محول Display P3 إلى OKLab

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

من Display P3

فُهم على أنه CSS color()

قيمة OKLaboklab(68.036% 0.17474 0.1165)

OKLab إلى Display P3

ضبط اللون

الصبغة11 درجة

الشفافية100‎%‎

الإضاءة68‎%‎

الكروما0.210

الصبغة34 درجة

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

أمثلة تحويل Display P3 إلى OKLab

اللون	Display P3	OKLab
	color(display-p3 0.91749 0.20029 0.13856)	oklab(62.796% 0.22486 0.12585)
	color(display-p3 0.4584 0.98526 0.29829)	oklab(86.644% -0.23389 0.1795)
	color(display-p3 0 0 0.95959)	oklab(45.201% -0.03246 -0.31153)
	color(display-p3 1 1 1)	oklab(100% 0 0)
	color(display-p3 0 0 0)	oklab(0% 0 0)
	color(display-p3 0.50196 0.50196 0.50196)	oklab(59.987% 0 0)
	color(display-p3 0.92577 0.38907 0.25797)	oklab(68.036% 0.17474 0.1165)
	color(display-p3 0.30473 0.50347 0.93383)	oklab(62.308% -0.03325 -0.18505)
	color(display-p3 0.33254 0.71471 0.52213)	oklab(69.587% -0.14216 0.04488)
	color(display-p3 0.91216 0.63495 0.23045)	oklab(76.859% 0.0561 0.15481)
	color(display-p3 0.51827 0.3688 0.93154)	oklab(60.563% 0.08454 -0.20193)
	color(display-p3 0.85506 0.33272 0.5918)	oklab(65.592% 0.21073 -0.021)

عن Display P3 وOKLab

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

OKLab فضاء لوني إدراكي حديث ظهر عام 2020. الخطوات المتساوية تبدو متساوية للعين، ما يجعل التدرجات والمزج أنظف مما في RGB أو HSL.

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

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

أسئلة وأجوبة

كيف أحوّل Display P3 إلى OKLab؟

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

هل تحويل Display P3 إلى OKLab دقيق؟

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

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

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

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

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