تحويل RGB إلى OKLCH
يساعدك على نقل ألوان rgb() القديمة في ملفات CSS إلى صيغة oklch() خطوة بخطوة.
جارٍ تحميل الأداة…
المعالجة والخصوصية: تُحسب النتيجة داخل متصفحك ولا تُرسل بياناتك إلى أي خادم.
طريقة الاستخدام
- أدخل الأحمر R، الأخضر G والأزرق B.
- تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
- انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.
طريقة الحساب
تُفك ترميز كل قناة من 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 الكاملة بعشر خانات). C = √(a² + b²)، h = atan2(b, a) بالدرجات من 0 إلى 360.
مثال
المدخلات: الأحمر R = 30، الأخضر G = 136، الأزرق B = 229. النتيجة: صيغة CSS: oklch(0.6179 0.1668 250.87)، الإضاءة L (من 0 إلى 1): 0.6179، الكروما C: 0.1668.
الحدود والملاحظات
- يفترض أن HEX وRGB في فضاء sRGB؛ ألوان Display P3 أو Adobe RGB تحتاج ملف ICC خاصا بها.
- تقبل قيما صحيحة من 0 إلى 255 فقط.
أسئلة شائعة عن هذه الأداة
هل أضع oklch() مكان rgb() مباشرة؟
نعم، القيمة الناتجة تعطي نفس اللون في المتصفحات الحديثة، ويمكن إبقاء rgb() قبلها كاحتياط للقديمة.
لماذا الأخضر النقي كروما عالية جدا؟
الأخضر والأزرق النقيان من أكثر ألوان sRGB تشبعا، فتقترب كروماهما من 0.3.
ما وحدة الصبغة؟
الدرجات من 0 إلى 360، ويمكن كتابتها في CSS رقما مجردا أو مع deg.
