ForHosting KIT · تحرير الصور وتحليلها

تحويل لون RGB إلى رمز سداسي

حوّل الأحمر والأخضر والأزرق إلى رمز لون واحد بأحرف كبيرة: القيم 255 و128 و0 تعطي #FF8000. تأتي النتيجة دائمًا بخاناتها الست كاملة، فتسهل مقارنة الرموز وحفظها ولصقها في CSS. مجاني في متصفحك.

مجاني
يعمل في متصفحك
دون تسجيل
بياناتك لا تغادر جهازك

شغّل الأداة مجانًا اطّلع على الـAPI

استخدمها من الويبAPIالبريدTelegramالتطبيق قريبًا

مثال محلول

إذا أدخلت

المقاومة (Ω): 255
G: 128
B: 0

تحصل على

Hex: #FF8000

حوّل لون RGB إلى الصيغة السداسية المكوّنة من ست خانات والمستخدمة في CSS وأنظمة التصميم وأدوات الرسوم وملفات البيانات المتنوعة. أدخل الأحمر والأخضر والأزرق بوصفها أعدادًا صحيحة من 0 إلى 255، فيعيد المحوّل رمزًا بصيغة #RRGGBB. الحساب حتمي ولا يخمّن القيم غير الصالحة ولا يقيّدها ولا يصححها بصمت. إذا كانت إحدى القنوات مفقودة أو كسرية أو خارج النطاق المقبول، يعيد الطلب خطأ إدخال واضحًا. لذلك تصلح الأداة للفحوص اليدوية السريعة ولسير العمل الآلي القابل للتكرار عندما تكون دقة اللون ضرورية.

افهم كيفية تحويل RGB إلى لون سداسي

يخزّن لون RGB ثلاث شدات ضوئية مستقلة: الأحمر والأخضر والأزرق. تقبل كل قناة واحدة من 256 قيمة صحيحة تبدأ من 0 وتنتهي عند 255. يمثّل اللون السداسي المكوّن من ست خانات المعلومات نفسها تمامًا باستعمال خانتين من الأساس 16 لكل قناة.

يخص الزوج الأول الأحمر، والثاني الأخضر، والأخير الأزرق. تتحول القيمة العشرية 0 إلى 00، وتتحول 255 إلى FF، أما القيم الواقعة بينهما فتُحوّل وتُستكمل إلى محرفين عند الحاجة. فمثلًا، ينتج عن الأحمر 255 والأخضر 128 والأزرق 0 الرمز #FF8000.

تشير علامة المربع إلى أن القيمة لون في CSS وفي كثير من أدوات التصميم، بينما تحفظ المحارف الستة التالية القنوات الثلاث ذات الثماني بتات من دون فقدان الدقة. يعيد المحوّل دائمًا الصيغة الكاملة ذات الخانات الست، حتى عندما تستطيع صيغة CSS مختصرة وصف اللون نفسه. يسهل هذا التنسيق الثابت المقارنة والتخزين والاختبار والنقل بين الأنظمة، لأن كل استجابة ناجحة لها الطول نفسه وترتيب القنوات نفسه.

تظهر الحروف كبيرة، لكن CSS يتعامل مع الحروف الكبيرة والصغيرة في الرموز السداسية على أنها اللون ذاته.

أدخل قيم قنوات صحيحة وافهم الأخطاء

أرسل كائنًا يحتوي على r وg وb، واضبط كل حقل على عدد صحيح من 0 إلى 255 شاملًا الحدين. الحقول الثلاثة مطلوبة، لأن حذف قناة يجعل اللون غير مكتمل. الصفر صالح ويعني أن اللون الأساسي المقابل لا يساهم بأي ضوء، كما أن 255 صالح ويعني الشدة الكاملة.

تُرفض قيم مثل 12.5 لأن قناة RGB ذات الثماني بتات يجب أن تكون عددًا صحيحًا وفق هذا العقد. تُرفض الأعداد السالبة والقيم الأكبر من 255 بدلًا من تقييدها. قد يخفي التقييد قراءة تالفة من مستشعر، أو معادلة خاطئة في جدول بيانات، أو عنصر تحكم سيئ الإعداد، أو قاعدة تحقق معطلة في مرحلة سابقة؛ لذلك يكون الخطأ الظاهر أكثر أمانًا في العمل الآلي.

عند الفشل، راجع القناة المذكورة وصحح قيمتها في المصدر ثم أرسل القيم الثلاث كاملة من جديد. تحتوي الاستجابة الناجحة على حقل hex واحد مع علامة المربع وست خانات سداسية بالضبط. ولأن الخوارزمية لا تستخدم الشبكة أو العشوائية أو الساعة، تنتج القيم نفسها النتيجة نفسها دائمًا.

استخدم النتيجة في مسارات التصميم والتطوير

يمكن وضع الرمز المعاد مباشرة في خصائص CSS مثل color وbackground-color وborder-color وfill. كما يلائم صيغ رموز التصميم الشائعة وملفات إعداد السمات ولوحات ألوان الرسوم وقوالب البريد ووثائق ألوان العلامة التجارية. يستطيع المصمم تحويل القنوات المنسوخة من محرر صور قبل إضافة عينة إلى مكتبة مكوّنات.

ويستطيع المطور تحويل أعمدة RGB المنفصلة في قاعدة بيانات أو جدول بيانات إلى سلاسل موحدة قبل تصدير سمة. يمكن لحزم الاختبار إنشاء قيم متوقعة دقيقة لعناصر اختيار اللون وبرمجيات التسلسل. تستفيد خطوط البيانات من الأخطاء الصارمة، لأن القناة غير الصالحة توقف التحويل بدلًا من إدخال لون يبدو معقولًا لكنه خاطئ.

للأعمال العرضية، تتيح واجهة المتصفح فحص القيم الثلاث من دون كتابة برنامج. احتفظ بعلامة المربع عند استخدام النتيجة في CSS؛ وإذا طلب نظام آخر ستة محارف فقط، فاحذف العلامة من دون تغيير الأزواج. لا تحسب هذه القدرة الشفافية أو ملفات تعريف اللون أو الفروق الإدراكية أو HSL أو CMYK أو أسماء الألوان.

حالات الاستخدام

إعداد ألوان CSS

حوّل قنوات RGB من مواصفات التصميم إلى رموز #RRGGBB ثابتة لاستخدامها في أوراق الأنماط والمكوّنات.

توحيد رموز التصميم

ادمج حقول الأحمر والأخضر والأزرق المنفصلة في قيمة سداسية متسقة للسمات وكتالوجات الرموز.

التحقق من لوحات الألوان المستوردة

ارفض القنوات الخارجة عن النطاق من الجداول أو قواعد البيانات وأنشئ رموزًا دقيقة لكل إدخال صالح.

الأسئلة الشائعة

ما قيم RGB المقبولة؟

يجب أن تكون كل قناة من r وg وb عددًا صحيحًا من 0 إلى 255 شاملًا الحدين.

ماذا يحدث عندما تخرج قناة عن النطاق؟

لا تُقيّد القيم ولا تُعاد من بداية النطاق مطلقًا.

هل تتضمن النتيجة علامة المربع؟

نعم. يستخدم حقل hex صيغة #RRGGBB الكاملة بعلامة مربع في البداية وست خانات.

هل تختلف الرموز السداسية بالحروف الكبيرة والصغيرة؟

لا. لا يميّز CSS بين حالة الحروف؛ يعيد هذا المحوّل الحروف الكبيرة للحفاظ على الاتساق.

هل يمكنني إدخال رقم عشري مثل 12.5؟

لا. يجب أن تكون كل قناة عددًا صحيحًا من 0 إلى 255، لذا يُرفض 12.5 وكذلك القيم السالبة وما يتجاوز 255. صحّح القناة المذكورة ثم أدخل القيم الثلاث من جديد.

أدوات ذات صلة

للمطوّرين — الوصول عبر API

كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.

الـEndpoint

POSThttps://api.kit.forhosting.com/color/rgb-to-hex

صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.

استدعِ الخدمة من بيئتك

curl -X POST https://api.kit.forhosting.com/color/rgb-to-hex \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"r":255,"g":128,"b":0}'

const res = await fetch("https://api.kit.forhosting.com/color/rgb-to-hex", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "r": 255,
    "g": 128,
    "b": 0
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/color/rgb-to-hex",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "r": 255,
    "g": 128,
    "b": 0
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/rgb-to-hex", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"r":255,"g":128,"b":0}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"r":255,"g":128,"b":0}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/rgb-to-hex", 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": 128,
  "b": 0
}

مثال على الاستجابة

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.rgb_to_hex",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.

الأسعار

لكل طلب$0.002

السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.

الأخطاء

HTTP	الرمز	المعنى
`401`	`unauthorized`	مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك.
`402`	`insufficient_balance`	رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة.
`404`	`unknown_type`	نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب.
`429`	`rate_limited`	تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة.

ملاحظات تقنية

أدخل قيم قنوات صحيحة وافهم الأخطاء

لا تُعامل القيم النصية كأعداد، ما يبقي عقد API قابلًا للتوقع ويمنع التحويل الضمني من تغيير مدخل ملتبس.

استخدم النتيجة في مسارات التصميم والتطوير

وللأتمتة، تبلغ تكلفة كل طلب API ‏$0.002 ويستخدم الحساب الحتمي نفسه.

أسئلة تقنية

ما تكلفة التحويل عبر API؟

تبلغ تكلفة كل طلب API ‏$0.002. ويمكن استخدام محوّل المتصفح الحتمي للفحوص التفاعلية.

اطّلع على توثيق KIT الكامل ←

شغّل الأداة مجانًا

مثال محلول

افهم كيفية تحويل RGB إلى لون سداسي

أدخل قيم قنوات صحيحة وافهم الأخطاء

استخدم النتيجة في مسارات التصميم والتطوير

حالات الاستخدام

إعداد ألوان CSS

توحيد رموز التصميم

التحقق من لوحات الألوان المستوردة

الأسئلة الشائعة

أدوات ذات صلة

للمطوّرين — الوصول عبر API

الـEndpoint

استدعِ الخدمة من بيئتك

مثال على الطلب

مثال على الاستجابة

الأسعار

الأخطاء

ملاحظات تقنية

أدخل قيم قنوات صحيحة وافهم الأخطاء

استخدم النتيجة في مسارات التصميم والتطوير

أسئلة تقنية

شكرًا