تحويل اللون السداسي العشري إلى قيم RGB من 0 إلى 255
استخرج الأرقام الثلاثة داخل رمز hex: ينقسم #4a90e2 إلى 4a و90 وe2، أي أحمر 74 وأخضر 144 وأزرق 226. ويُوسَّع الاختصار مثل #3af أولاً إلى #33aaff. مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- Hex
- #4a90e2
- المقاومة (Ω)
- 74
- G
- 144
- B
- 226
يأخذ محول hex إلى RGB لونًا مكتوبًا كرمز ست عشري—ثلاثة أرقام أو ستة، مع أو بدون علامة التجزئة في البداية—ويفكّه إلى القنوات الصحيحة الثلاث التي ما زال كل شاشة ولوحة رسم ونظام رموز تصميم يتحدث بها أصليًا: الأحمر والأخضر والأزرق، كل منها من صفر إلى مئتين وخمسة وخمسين. الصق #3498db أو الشكل المختصر #abc؛ توسّع الأداة الاختصار عند الحاجة، وتطبّع إلى hex من ستة أرقام بأحرف صغيرة، وتعيد r وg وb مع سلسلة CSS بصيغة rgb() جاهزة للصق ورياضيات القنوات خطوة بخطوة. مطوّرو الواجهة الذين يتحققون من رمز علامة، والمصممون الذين يسلّمون قيمًا لمهندس، والاختبارات الآلية التي تؤكد تركيبات لوحة الألوان، يحتاجون جميعًا إلى نفس التعيين الحتمي دون فتح استوديو ألوان متعدد المساحات بالكامل.
معنى لون hex وكيف يُشتق RGB
تحزم رموز الألوان الست عشرية ثلاث قنوات من ثماني بتات في سلسلة مضغوطة استخدمتها أوراق الأنماط وأدوات التصميم وإرشادات العلامة لعقود. في الشكل ذي الستة أرقام #RRGGBB، يرمّز الحرفان الأولان الأحمر، والأوسطان الأخضر، والأخيران الأزرق؛ وتُفسَّر كل زوج كعدد صحيح في الأساس ستة عشر من صفر (00) إلى مئتين وخمسة وخمسين (FF). الاختصار ذو الثلاثة أرقام #RGB راحة في CSS تضاعف كل رقم: يصبح #abc هو #aabbcc، فيقوم رباعي بت واحد مقام بايت كامل عندما تحتاج اللوحة خطوات خشنة فقط.
ينفّذ هذا المحول ذلك التعيين بالضبط: إزالة علامة التجزئة الاختيارية في البداية، ورفض أي شيء ليس ثلاثة أو ستة أرقام ست عشرية، وتوسيع الاختصار إن وُجد، ثم تحليل كل زوج من حرفين بالأساس ستة عشر. النتيجة ثلاثة أعداد صحيحة يمكنك تغذيتها في أنماط تعبئة canvas أو أنماط React المضمّنة أو HTML البريد أو حاسبة نسبة التباين دون إعادة اشتقاق حزم البت بنفسك. تمارين الصف ومقابلات البرمجة كثيرًا ما تطلب هذا التحويل يدويًا؛ وجود مرجع حتمي يزيل الغموض حول حالة الأحرف ووجود التجزئة وتوسيع الاختصار.
نصائح عملية وحدود وعمليات بحث ذات صلة
فضّل إرسال سلسلة hex التي صدّرتها أداة التصميم، بما فيها علامة التجزئة إن وُجدت؛ يعمل الشكلان، وتطبّع الاستجابة دائمًا إلى hex من ستة أرقام بأحرف صغيرة لتبقى فروقات المصب مستقرة. لا تمرّر أشكال ألفا مثل #RRGGBBAA أو #RGBA—هذه الصفحة مقصورة عمدًا على حزم RGB المعتم الكلاسيكي، وتُرفض تلك الأطوال كي تلاحظ ذلك بدل إسقاط الألفا بصمت. ألوان CSS المسماة مثل rebeccapurple خارج النطاق؛ حوّلها أولًا بجدول ألوان مسماة أو استخدم أداة متعددة المساحات أوسع عندما تحتاج أيضًا HSL أو LAB أو CMYK.
عند كتابة اختبارات الوحدة، غطِّ على الأقل حالة من ستة أرقام، وتوسيعًا من ثلاثة أرقام، وإدخالًا بأحرف كبيرة، وإدخالًا بلا تجزئة، وطولًا غير صالح عمدًا حتى لا تتسلل انحدارات التحقق. تستهدف هذه الصفحة من يبحث عن محول hex إلى RGB، أو #RRGGBB إلى أحمر أخضر أزرق، أو حاسبة مجانية للون hex إلى RGB عبر الإنترنت؛ وليست حزمة كاملة لإدارة الألوان، ولا مستخرج لوحات من الصور، ولا مسارًا عكسيًا من RGB إلى hex.
فضّل هذه القدرة عندما لديك بالفعل رمز hex وتحتاج فقط أعداد القنوات الثلاثة أو سلسلة css rgb()؛ إن وجب أن يمر خط أنابيبك عبر HSL أو CMYK للطباعة فاستخدم محولًا متعدد الصيغ بدلًا من ذلك.
حالات الاستخدام
تسليم رموز التصميم للمهندسين
يلصق المصممون رموز hex للعلامة من Figma أو دليل أسلوب ويتلقون أعداد r وg وb الصحيحة الدقيقة وسلسلة CSS بصيغة rgb() لتذاكر التنفيذ.
اختبارات وحدة لتركيبات السمة ولوحة الألوان
أنشئ ثلاثيات RGB معروفة الصحة من تركيبات hex حتى تؤكد اختبارات الانحدار البصري ونسبة التباين قيم قنوات مستقرة.
مساعدات الأنماط المضمّنة وتعبئة canvas
حوّل hex الذي يقدّمه المستخدم من منتقي الألوان إلى قنوات رقمية لـ CanvasRenderingContext2D أو سمات SVG أو كائنات أنماط الإطار.
الأسئلة الشائعة
ما صيغ hex التي يقبلها محول hex إلى RGB؟
ألوان ست عشرية من ثلاثة أرقام (#RGB) وستة أرقام (#RRGGBB)، مع أو بدون # في البداية. قد تكون الأحرف كبيرة أو صغيرة. لا تُقبل أشكال الألفا وألوان CSS المسماة.
كيف يُوسَّع الاختصار ذو الثلاثة أرقام؟
يُضاعَف كل رقم: يصبح #abc هو #aabbcc، ثم يُحلَّل كل زوج كعدد صحيح بالأساس 16 من 0 إلى 255.
ماذا تمثّل r وg وb؟
شدات قنوات الأحمر والأخضر والأزرق كأعداد صحيحة من 0 إلى 255.
ما قيم RGB للون #4a90e2؟
أحمر 74 وأخضر 144 وأزرق 226. ينقسم الرمز إلى الأزواج 4a و90 وe2، ويُقرأ كل زوج كعدد بالأساس 16 بين 00 وFF.
هل تغيّر الأحرف الكبيرة أو الصغيرة النتيجة؟
لا. يعطي #4A90E2 و#4a90e2 القيم نفسها تماماً، لأن حالة الحرف لا تغيّر قيمة الخانة الست عشرية. ولا يُسمح إلا بالأرقام من 0 إلى 9 والحروف من A إلى F.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/hex-to-rgb \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#4a90e2"}'const res = await fetch("https://api.kit.forhosting.com/color/hex-to-rgb", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#4a90e2"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hex-to-rgb",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#4a90e2"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hex-to-rgb", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#4a90e2"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#4a90e2"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hex-to-rgb", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"hex": "#4a90e2"
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex_to_rgb",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
الرموز غير الصالحة—طول خاطئ، أحرف غير ست عشرية، إدخال فارغ، أو بادئة برمجة 0x—تفشل بخطأ واضح invalid_input بدل اختراع لون. المسار تحليل حتمي خالص—بلا شبكة، بلا بذور عشوائية، بلا اعتماد على ساعة الحائط—لذلك يعيد منفّذ المتصفح المجاني وواجهة API مسبقة الدفع نفس JSON في كل مرة تستدعيها.
كيفية استدعاء API وما الذي يُعاد
تشمل الأمثلة الصالحة #3498db و3498db و#ABC وabc؛ تُقص المسافات المحيطة، وقد تكون الأحرف كبيرة أو صغيرة، وعلامة التجزئة اختيارية. التسعير ثابت السعر المنشور لكل طلب ناجح بوحدة item وسعر هامشي صفري للوحدة. أرسل جسم JSON بحقل سلسلة إلزامي اسمه hex—يقبل نفس الحلّال الأسماء البديلة color وvalue وtext وinput وcode. عند النجاح تعيد الاستجابة hex كسلسلة مطبّعة بأحرف صغيرة #rrggbb، وhex6 بلا تجزئة، وحقولًا صحيحة r وg وb مع أسماء بديلة red وgreen وblue، ومصفوفة rgb من ثلاثة أرقام، وسلسلة css بالشكل rgb(r, g, b)، وقيمتين منطقيتين shorthand وhad_hash تصفان الشكل الأصلي، ورسالة إنجليزية قصيرة، ومصفوفة steps تعرض كل سطر قناة parseInt للتصحيح أو التعليم. فشل التحقق—حقل مفقود، سلسلة فارغة بعد التجزئة، طول غير ثلاثة أو ستة، أحرف غير ست عشرية، مسافات داخل الجسم، بادئة برمجة 0x، أو رقم عارٍ بدل سلسلة—يعيد invalid_input ولا يُحاسب أبدًا.
نصائح عملية وحدود وعمليات بحث ذات صلة
المهام الفاشلة التي تعيد invalid_input لا تستهلك الرصيد المدفوع مسبقًا، ما يبقي سكربتات الاستكشاف والتحقق من النماذج رخيصة بينما يلصق المتعلمون قيمًا غير كاملة من الحافظة. تستخدم الطلبات الآلية الناجحة السعر الأساسي المنشور وقدره $0.002.
أسئلة تقنية
ماذا يحدث عند رمز hex غير صالح؟
تعيد API قيمة invalid_input مع رسالة تصف المشكلة (إدخال فارغ، طول خاطئ، أحرف غير ست عشرية، بادئة 0x، وما إلى ذلك). فشل التحقق لا يُحاسب.
هل محول hex إلى RGB مجاني؟
أداة المتصفح مجانية وتعمل محليًا. تستخدم استدعاءات API رصيد KIT المدفوع مسبقًا بسعر $0.002 لكل طلب ناجح؛ المهام الفاشلة لا تُحاسب أبدًا.