محول hex إلى RGB
اقرأ أي رمز hex كأرقام عادية: #3498db هو أحمر 52 وأخضر 152 وأزرق 219، لأن كل زوج من الخانات عدد بالأساس 16، وهو جاهز للصق بصيغة rgb(52, 152, 219). مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- ست عشري
- #3498db
- hex خام
- #3498db
- hex سداسي
- 3498db
- المقاومة (Ω)
- 52
- G
- 152
يأخذ محول 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 للون #3498db؟
قيمه أحمر 52 وأخضر 152 وأزرق 219. تُقرأ الأزواج 34 و98 وdb كأعداد بالأساس 16، وتظهر النتيجة بصيغة rgb(52, 152, 219).
هل يمكنني تحويل ألوان شفافة مثل #RRGGBBAA؟
لا. المحوّل مخصص عمداً للألوان المعتمة ذات الثلاث أو الست خانات. وتُرفض الصيغ ذات الأربع أو الثماني خانات التي تحمل ألفا، حتى لا تضيع الشفافية دون أن تلاحظ.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/hex-rgb \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#3498db"}'const res = await fetch("https://api.kit.forhosting.com/color/hex-rgb", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#3498db"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hex-rgb",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#3498db"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hex-rgb", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#3498db"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#3498db"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hex-rgb", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"hex": "#3498db"
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex_rgb",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
max_hex_chars | 7 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
الرموز غير الصالحة—طول خاطئ، أحرف غير ست عشرية، إدخال فارغ، أو بادئة برمجة 0x—تفشل بخطأ واضح invalid_input بدل اختراع لون. المسار تحليل حتمي خالص—بلا شبكة، بلا بذور عشوائية، بلا اعتماد على ساعة الحائط—لذلك يعيد منفّذ المتصفح المجاني وواجهة API مسبقة الدفع نفس JSON في كل مرة تستدعيها.
كيفية استدعاء API وما الذي يُعاد
تشمل الأمثلة الصالحة #3498db و3498db و#ABC وabc؛ تُقص المسافات المحيطة، وقد تكون الأحرف كبيرة أو صغيرة، وعلامة التجزئة اختيارية. أرسل جسم 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 ولا يُحاسب أبدًا. التسعير ثابت $0.002 لكل طلب ناجح بوحدة item وسعر هامشي صفري للوحدة.
نصائح عملية وحدود وعمليات بحث ذات صلة
المهام الفاشلة التي تعيد invalid_input لا تستهلك الرصيد المدفوع مسبقًا، ما يبقي سكربتات الاستكشاف والتحقق من النماذج رخيصة بينما يلصق المتعلمون قيمًا غير كاملة من الحافظة.
أسئلة تقنية
ماذا يحدث عند رمز hex غير صالح؟
تعيد API قيمة invalid_input مع رسالة تصف المشكلة (إدخال فارغ، طول خاطئ، أحرف غير ست عشرية، بادئة 0x، وما إلى ذلك). فشل التحقق لا يُحاسب.
هل محول hex إلى RGB مجاني؟
أداة المتصفح مجانية وتعمل محليًا. تستخدم استدعاءات API رصيد KIT المدفوع مسبقًا بسعر $0.002 لكل طلب ناجح؛ المهام الفاشلة لا تُحاسب أبدًا.