تحويل HEX إلى OKLab

OKLab فضاء لوني حديث متناسق إدراكيا، يعطي تدرجات ومزجا ألطف من sRGB وتدعمه المتصفحات في CSS.

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

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

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

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

طريقة الحساب

تُفك ترميز كل قناة من 0 إلى 1 حسب IEC 61966-2-1: إذا كانت c ≤ 0.04045 فالخطية = c / 12.92، وإلا ((c + 0.055) / 1.055)^2.4. من RGB الخطي: l = ∛(0.4122·R + 0.5363·G + 0.0514·B)، m = ∛(0.2119·R + 0.6807·G + 0.1074·B)، s = ∛(0.0883·R + 0.2817·G + 0.6300·B)، ثم L = 0.2105·l + 0.7936·m − 0.0041·s، a = 1.9780·l − 2.4286·m + 0.4506·s، b = 0.0259·l + 0.7828·m − 0.8087·s (مصفوفات Ottosson الكاملة بعشر خانات).

مثال

المدخلات: رمز اللون HEX = #FF5733. النتيجة: صيغة CSS: oklab(0.6804 0.1747 0.1165)، الإضاءة L (من 0 إلى 1): 0.6804، المحور a (أخضر إلى أحمر): 0.1747.

#FF5733
oklab(0.6804 0.1747 0.1165)

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

  • يفترض أن HEX وRGB في فضاء sRGB؛ ألوان Display P3 أو Adobe RGB تحتاج ملف ICC خاصا بها.
  • قد تختلف الخانة الخامسة عن متصفحات تحسب OKLab عبر XYZ بمصفوفات CSS المحدثة.

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

ما الفرق بين OKLab وCIELAB؟

كلاهما يفصل الإضاءة عن اللون، لكن OKLab يحافظ على الصبغة أفضل عند تغيير الإضاءة أو المزج، خاصة في الأزرق.

لماذا L هنا من 0 إلى 1؟

هذا مقياس OKLab الأصلي. في CSS يمكنك كتابتها رقما مثل 0.628 أو نسبة مثل ⁦62.8%⁩.

هل تدعم المتصفحات oklab()؟

نعم، الإصدارات الحديثة من Chrome وSafari وFirefox تدعم oklab() وoklch() ضمن CSS Color 4.