تحويل RGB إلى OKLCH
احصل على إحداثيات OKLCH للون RGB: القيم 255 و87 و51 تصبح إضاءة 0.680358 وكروما 0.210012 ودرجة لون 33.691637°. ابنِ تدرجات ولوحات تبدو خطواتها متساوية للعين. مجاني في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- المقاومة (Ω)
- 255
- G
- 87
- B
- 51
- L
- 0.680358
- C
- 0.210012
- H
- 33.691637
- فضاء OKLCH اللوني
- oklch(0.680358 0.210012 33.691637)
يحوّل محوّل RGB إلى OKLCH قنوات sRGB الثلاث المألوفة إلى إحداثيات أسطوانية متجانسة إدراكيًا. أدخل قيم الأحمر والأخضر والأزرق من 0 إلى 255 لتحصل على إضاءة OKLCH وتشبعها وصبغتها، إلى جانب سلسلة جاهزة للاستخدام مع CSS. يتبع الحساب مسارًا حتميًا كاملًا: فك دالة نقل sRGB، ثم مصفوفات RGB الخطي إلى OKLab، ثم التحويل الأسطواني من OKLab إلى OKLCH. تعيد القنوات المفقودة أو غير المحدودة أو غير الصحيحة أو الخارجة عن النطاق خطأ تحقق واضحًا بدل قص اللون بصمت.
لماذا تُحوّل إحداثيات sRGB إلى OKLCH
يصف RGB كيفية مزج الشاشة للضوء الأحمر والأخضر والأزرق، لكن التغيرات العددية المتساوية في هذه القنوات لا تبدو متساوية عادةً للعين. قد تؤدي زيادة قناة بمقدار عشرين إلى تغير واضح في جزء من المجال اللوني وإلى فرق طفيف في جزء آخر. صُمم OKLab كي تتوافق المسافات بين الإحداثيات بصورة أفضل مع فروق اللون التي يدركها الإنسان.
يعيد OKLCH ترتيب OKLab في إحداثيات أسطوانية أسهل للفهم: تصف الإضاءة مدى ظهور اللون فاتحًا أو داكنًا، ويقيس التشبع بعده عن المحور المحايد، وتحدد الصبغة الزاوية حول ذلك المحور بالدرجات. لذلك يفيد في بناء سلالم رموز التصميم وإنشاء الألوان المرتبطة ومقارنة لوحات الألوان. يظل عقد الإدخال محددًا بوضوح: يقبل قنوات sRGB فعلية من 0 إلى 255، بما فيها القيم الكسرية، ولا يحاول تخمين الرموز السداسية أو النسب المئوية أو أسماء الألوان أو ملفات المجالات الواسعة.
تُطبّع الصبغة من صفر إلى أقل من 360 درجة. ولأن اللون عديم التشبع لا يملك صبغة محددة رياضيًا، تعيد النتيجة صفرًا بوصفه اصطلاحًا ثابتًا وحتميًا.
كيفية حساب التحويل
لا يمكن تطبيق مصفوفة OKLab مباشرةً على أرقام RGB المعروضة، لأن قيم sRGB المعتادة مشفرة بدالة نقل. تُقسم كل قناة أولًا على 255 ثم تُفك بدالة sRGB المجزأة؛ تستخدم القيم المنخفضة الجزء الخطي وتستخدم القيم الأعلى دالة القوة. تُضرب مكونات الضوء الخطي الثلاثة في المصفوفة الثابتة من RGB الخطي إلى LMS ضمن تعريف OKLab.
بعد أخذ الجذر التكعيبي لكل مكوّن LMS، تنتج مصفوفة ثابتة ثانية إضاءة OKLab ومحوري اللون المتعاكسين a وb. يحسب التحويل الأسطواني التشبع باعتباره الطول الإقليدي للزوج a وb، ويحسب الصبغة باستخدام atan2، ثم يحولها من الراديان إلى الدرجات ويطبّعها على دائرة موجبة. تستخدم الإضاءة مقياس OKLab المعتاد، أي من صفر إلى واحد تقريبًا لألوان sRGB، وليست نسبة مئوية.
وتستخدم سلسلة oklch المرفقة القيم المقربة نفسها دون سياسة تقريب مختلفة.
استخدام النتيجة بأمان في التصميم والبرمجة
أرسل الحقول الرقمية r وg وb. جميعها مطلوبة ويجب أن تكون محدودة وضمن النطاق الشامل من 0 إلى 255. تُقبل القيم الكسرية لأن الصور المأخوذة بالعينات ومراحل معالجة الألوان الوسيطة قد تحتفظ بدقة تتجاوز الأعداد الصحيحة ذات الثماني بتات، لكن السلاسل الرقمية وNaN وInfinity والمصفوفات والكائنات لا تُقبل بدل القنوات.
تكرر الاستجابة الناجحة القنوات التي جرى التحقق منها وتعيد l وc وh وسلسلة oklch موجزة. عند ترحيل لوحة ألوان، احتفظ بقيم RGB الأصلية مع الإحداثيات المحولة حتى تؤكد اختبارات الانحدار البصري النتيجة. يسهل OKLCH التحرير الإدراكي، غير أن زيادة التشبع أو تغيير الإضاءة قد يولدان لونًا خارج مجال شاشة أو صيغة مستهدفة.
يصف هذا المحوّل إحداثيات لون sRGB المرسل فقط؛ ولا ينفذ مواءمة المجال أو فحص التباين أو تركيب ألفا أو تحويل ملفات الألوان أو اعتماد إمكانية الوصول. استخدم أداة متخصصة بعده لهذه المهام. وبغياب الشبكة والساعة والعشوائية والحالة المتغيرة، تعطي المدخلات المتطابقة النتيجة نفسها في القناتين.
حالات الاستخدام
تحديث رموز التصميم
حوّل ألوان لوحات RGB القديمة إلى OKLCH قبل إنشاء سلالم مرتبة إدراكيًا للإضاءة والتشبع.
تحليل علاقات لوحة الألوان
قارن الإضاءة والتشبع والصبغة من دون اعتبار الفروق الخام بين قنوات RGB مسافات بصرية متجانسة.
إعداد قيم الألوان لـ CSS
أنشئ سلسلة OKLCH ثابتة من sRGB للاستخدام في التوثيق والنماذج الأولية وأوراق الأنماط ومسارات رموز التصميم.
الأسئلة الشائعة
ما نطاق RGB الذي يقبله المحوّل؟
يجب أن تكون كل قناة من r وg وb رقمًا محدودًا من 0 إلى 255 شاملًا. تُقبل الأعداد الصحيحة والكسرية.
هل تُعاد إضاءة OKLCH كنسبة مئوية؟
لا. يستخدم الحقل l المقياس الرقمي المعتاد في OKLab، أي من 0 إلى 1 تقريبًا لألوان sRGB. اضرب في 100 فقط إذا كانت الوجهة تتطلب نسبة مئوية.
لماذا تكون الصبغة صفرًا للرمادي أو الأسود أو الأبيض؟
لا تكون الصبغة محددة عندما يقترب التشبع من الصفر. يعيد المحوّل 0 درجة كاصطلاح حتمي بدل null أو زاوية ناتجة عن ضوضاء الفاصلة العائمة.
هل تنفذ الأداة مواءمة المجال اللوني؟
لا. تحوّل لون sRGB موجودًا أصلًا داخل مجاله. إذا عدلت الإحداثيات لاحقًا، فاستخدم أداة مواءمة قبل التصدير إلى فضاء لوني محدود.
هل يمكنني إدخال قيم قنوات عشرية؟
نعم. يمكن أن تكون كل قناة أي رقم من 0 إلى 255 بما في ذلك الكسور. لا يُخمَّن الرمز السداسي أو النسب أو أسماء الألوان، وتُرفض القيم الناقصة أو الخارجة عن النطاق بدل قصّها.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/rgb-oklch \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"r":255,"g":87,"b":51}'const res = await fetch("https://api.kit.forhosting.com/color/rgb-oklch", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"r": 255,
"g": 87,
"b": 51
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/rgb-oklch",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"r": 255,
"g": 87,
"b": 51
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/rgb-oklch", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"r":255,"g":87,"b":51}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"r":255,"g":87,"b":51}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/rgb-oklch", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"r": 255,
"g": 87,
"b": 51
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.rgb_oklch",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
كيفية حساب التحويل
تُقرّب الإحداثيات إلى ست منازل عشرية كي يبقى JSON ثابتًا ومقروءًا ودقيقًا بما يكفي لأعمال أنظمة التصميم.
استخدام النتيجة بأمان في التصميم والبرمجة
تكلف طلبات API الناجحة $0.002 لكل عنصر، بينما تعمل نسخة المتصفح محليًا.
أسئلة تقنية
ما تكلفة التحويل عبر API؟
يكلف طلب API الناجح $0.002 لكل عنصر. يعمل محوّل المتصفح محليًا، وتعيد المدخلات غير الصالحة خطأً مصنفًا.