تحويل Hex8 إلى RGBA
اقرأ لون hex شفافاً قناةً قناة: ينقسم #33669980 إلى أحمر 51 وأخضر 102 وأزرق 153 وألفا 128، أي 0.501961 على مقياس عتامة من 0 إلى 1. مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- Hex
- #33669980
- Red
- 51
- الأخضر
- 102
- الأزرق
- 153
- ألفا
- 128
يقرأ محوّل Hex8 إلى RGBA لونًا سداسيًا من ثمانية أرقام بترتيب RRGGBBAA، ثم يفصله إلى قنوات الأحمر والأخضر والأزرق وألفا. ويتحقق من الطول الدقيق ومن كل محرف قبل بدء التحويل، لذلك لا يمكن لمدخل غير صالح أن ينتج أرقامًا تبدو معقولة وهي خاطئة. تتضمن النتيجة أربع قيم بايت من 0 إلى 255، وقيمة ألفا مطبّعة من 0 إلى 1، ورمز لون قياسيًا بأحرف صغيرة. ويمكن إدخال الرمز مع علامة المربع في البداية أو من دونها، مع تطبيق القواعد الواضحة والحتمية نفسها دائمًا.
فهم ترتيب البايتات RRGGBBAA
يتكون اللون السداسي ذو الأرقام الثمانية من أربعة أزواج متتالية من البايتات. يمثل الزوج الأول الأحمر، والثاني الأخضر، والثالث الأزرق، والأخير ألفا. ففي #33669980 مثلًا تكون الأزواج 33 و66 و99 و80.
ويمثل كل زوج عددًا صحيحًا من 0 إلى 255، لأن رقمين سداسيين يرمزان إلى بايت واحد تمامًا. تتبع ألفا اصطلاح CSS المسمى RRGGBBAA، حيث تعني 00 شفافية كاملة وتعني FF عتامة كاملة. ويكتسب هذا الترتيب أهميته لأن بعض الأنظمة تضع ألفا أولًا وتستخدم AARRGGBB.
لا يحاول هذا المحوّل تخمين قيمة تبدأ بألفا أو إعادة ترتيبها. أدخل RRGGBBAA مسبوقًا اختياريًا بعلامة المربع، وستحافظ حقول الأحمر والأخضر والأزرق وألفا في النتيجة على هذا الترتيب. ويحتوي الناتج أيضًا على مصفوفة rgba بالقيم الأربع نفسها.
التحقق أولًا ثم التحويل
قد تفشل سلاسل الألوان بطرق يسهل إغفالها. فالرقم الناقص يزيح كل القنوات التالية، والرقم الزائد يغير التجميع المقصود، والمحرف G لا ينتمي إلى الترميز السداسي. لذلك يجري المحوّل فحوصه بترتيب ثابت.
يطلب أولًا أن يكون الحقل hex سلسلة نصية، ثم يزيل المسافات المحيطة. وبعد ذلك يزيل علامة مربع اختيارية واحدة من البداية ويتحقق من بقاء ثمانية محارف بالضبط. ولا يفحص انتماء جميع المحارف إلى 0–9 أو A–F أو a–f إلا بعد صحة الطول.
يبدأ التحويل فقط عند اجتياز الشرطين. يمنع ذلك التحليل الجزئي الذي قد يقبل فيه محلل أرقام عام بادئة صحيحة ويتجاهل نصًا غير صالح في النهاية. كما يجعل فئات الخطأ مستقرة: فالحجم غير الصحيح يبلغ عن مشكلة في الطول، والرمز المحظور ضمن سلسلة صحيحة الحجم يبلغ عن مشكلة في المحارف.
وتوحّد المدخلات الصحيحة إلى أحرف صغيرة مع علامة مربع، ولذلك تنتج الصيغ المتكافئة اللون القياسي نفسه وقيم القنوات نفسها.
استخدام قيم RGBA حتمية في سير العمل
تلائم القنوات الناتجة مسارات التحقق، وتحويل رموز التصميم، وأدوات أوراق الأنماط، وعمليات استيراد البيانات التي تحتاج إلى قيم رقمية صريحة. يعاد بايت ألفا في صورة عدد صحيح دقيق وفي صورة قيمة مطبّعة مقربة. ويفيد الحقل hex القياسي في إزالة التكرار، لأن #AABBCCFF وaabbccff ينتجان التمثيل نفسه بالأحرف الصغيرة.
تتوقف السلاسل غير الصالحة بخطأ إدخال بدل تصحيحها أو حشوها.
حالات الاستخدام
تحويل رموز التصميم
حوّل قيم RRGGBBAA إلى حقول قنوات صريحة من أجل مترجم السمات أو نظام المكونات.
التحقق من الألوان المستوردة
ارفض الألوان غير الصالحة ذات الأرقام الثمانية قبل دخولها قاعدة بيانات أو ورقة أنماط أو مسار رسوميات.
فحص الشفافية
اقرأ بايت ألفا الدقيق وقيمة العتامة المطبّعة من دون تقدير الشفافية بالنظر.
الأسئلة الشائعة
هل يتطلب الإدخال علامة مربع في البداية؟
لا. يقبل كل من #RRGGBBAA وRRGGBBAA، وتتضمن القيمة السداسية القياسية المعادة علامة المربع.
هل توضع ألفا في البداية أم النهاية؟
توضع ألفا في النهاية. الترتيب المطلوب هو الأحمر والأخضر والأزرق وألفا: RRGGBBAA وليس AARRGGBB.
ما النطاق الذي تستخدمه القنوات؟
الأحمر والأخضر والأزرق وألفا أعداد صحيحة من 0 إلى 255.
هل تقبل الألوان ذات الثلاثة أو الستة أو الأربعة أرقام؟
لا. تتطلب هذه الإمكانية ثمانية أرقام سداسية بالضبط بعد علامة المربع الاختيارية.
هل تقبل الأحرف السداسية الكبيرة؟
نعم. تقبل A–F بأحرف كبيرة أو صغيرة، وتعاد القيمة السداسية القياسية بأحرف صغيرة.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/hex8-rgba \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#33669980"}'const res = await fetch("https://api.kit.forhosting.com/color/hex8-rgba", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#33669980"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hex8-rgba",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#33669980"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hex8-rgba", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#33669980"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#33669980"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hex8-rgba", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"hex": "#33669980"
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex8_rgba",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
فهم ترتيب البايتات RRGGBBAA
أما الحقل alpha_normalized فيقسم بايت ألفا على 255 ويقرّبه بصورة حتمية إلى ست منازل عشرية، ليلائم الأنظمة التي تمثل العتامة ضمن نطاق من الصفر إلى الواحد.
استخدام قيم RGBA حتمية في سير العمل
ولأن المحوّل لا يعتمد على الشبكة أو الوقت الحالي أو إعدادات اللغة والمنطقة أو العشوائية، فإن المدخل نفسه ينتج JSON نفسه دائمًا. وهذا يجعله مناسبًا لخطوات البناء واختبارات الانحدار. استخدم العدد الصحيح عندما يلزم الحفاظ على التمثيل الأصلي من ثمانية بتات، واستخدم alpha_normalized عندما تتوقع API عتامة بين الصفر والواحد. تبلغ تكلفة التحويل الواحد عبر API مقدار $0.002، بينما يتيح المسار الحتمي في المتصفح استخدامًا تفاعليًا فوريًا من دون تغيير قواعد التحليل.
أسئلة تقنية
ما تكلفة التحويل الواحد؟
تبلغ تكلفة طلب API واحد $0.002. ويحل النظام موضع السعر من تعريف الإمكانية.