محول الألوان: HEX وRGB وHSL وOKLCH

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

1. اكتب لوناً في كل سطر أو ألصقها، بصيغة HEX أو rgb() أو hsl() أو oklch() أو اسم لون.
2. اختر الصيغة المراد نسخها، وهل تُكتب متغيرات CSS مخصصة.
3. اقرأ جدول كل الصيغ لكل لون والتنبيه على أي لون خارج sRGB.
4. انسخ القيم المحولة إلى ملف الأنماط.

ما الذي تفحصه وكيف تعمل

تحلل الأداة كل لون بحزمة culori وتكتب HEX وRGB وHSL وOKLCH بالصياغة المفصولة بمسافات في وحدة CSS Color Module Level 4، مع شرطة مائلة وقيمة الشفافية حين يكون اللون شفافاً. وOKLCH هو الصورة القطبية لفضاء Oklab، وهو فضاء لوني إدراكي وصفه Björn Ottosson وصممه ليتنبأ بالسطوع والإشباع والتدرج اللوني كما تدركها العين أفضل من فضاءات أقدم مثل HSL.

قد يقع لون مكتوب بـ OKLCH خارج نطاق sRGB الذي تصفه HEX وRGB وHSL. ويُدخَل هذا اللون إلى النطاق بخفض إشباعه مع إبقاء سطوعه ودرجته، بدالة clampChroma في culori، ويضع الجدول عليه علامة «مُوفَّق». وهذه طريقة culori وليست الخوارزمية الدقيقة في CSS Color 4. والقيم مقرَّبة، فقد يتغير الرقم الأخير عند التحويل ذهاباً وإياباً.