تحويل ألفا السداسي إلى نسبة العتامة #RRGGBBAA
اكتشف العتامة المخفية في لون hex: الزوج الأخير في #33669980 هو 80، أي البايت 128 وعتامة 50.2%، لا 50% كما يفترض كثيرون. مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- Hex
- #33669980
- ألفا (سداسي عشري)
- 80
- بايت ألفا
- 128
- العتامة (%)
- 50.2
تقرأ هذه الأداة آخر رقمين من لون RRGGBBAA سداسي مكوّن من ثمانية أرقام، ثم تحوّل بايت ألفا إلى نسبة عتامة من 0% إلى 100%. تتحقق من اللون كاملًا قبل الحساب، وتقبل علامة مربع اختيارية في البداية، وتعرض اللون الموحّد وزوج ألفا والبايت العشري ونسبة العتامة. النتيجة حتمية وتُقرّب دائمًا إلى منزلتين عشريتين، ولذلك تناسب رموز التصميم ومراجعة CSS وعمليات النقل المؤتمتة والتوثيق والاختبارات التي تحتاج إلى رقم ثابت بدلًا من تقدير بصري.
اقرأ بايت ألفا من موضعه الصحيح
يتكون اللون السداسي ذو الثمانية أرقام وفق ترتيب CSS من أربعة أزواج بايت: الأحمر والأخضر والأزرق وألفا. لذلك يكون بايت ألفا دائمًا الزوج الأخير في RRGGBBAA. في #33669980 مثلًا تكون الأزواج 33 و66 و99 و80، فتستخدم الأداة 80.
يهم هذا الترتيب لأن بعض أدوات الرسومات والتنسيقات القديمة تستخدم AARRGGBB وتضع ألفا في البداية. لا تخمّن هذه القدرة التنسيق ولا تعيد ترتيب القنوات؛ بل تقبل RRGGBBAA فقط، مع علامة مربع واحدة اختيارية في البداية. يجري التحقق من الأرقام الثمانية كلها، رغم أن الرقمين الأخيرين وحدهما يحددان النسبة.
يمنع ذلك لونًا غير صالح مثل #ZZZZZZ80 من الظهور كقيمة موثوقة لمجرد أن زوج ألفا صالح. إذا كان المصدر يضع ألفا في البداية، فحوّل التنسيق أولًا.
حوّل البايت إلى نسبة ثابتة
يمتد البايت السداسي من 00 إلى FF، أي من 0 إلى 255 بالنظام العشري. تستخدم العتامة النهايتين نفسيهما: البايت 0 شفاف بالكامل والبايت 255 معتم بالكامل. تقسم المعادلة بايت ألفا العشري على 255 ثم تضرب الناتج في 100.
على سبيل المثال، ألفا 80 يساوي 128 عشريًا، ومن ثم يعطي 50.2 بدلًا من افتراض 50. وتظل النهايتان دقيقتين: يعيد 00 القيمة 0 ويعيد FF القيمة 100. لا يحتوي الحقل العددي على علامة النسبة المئوية، لذلك يمكن مقارنته وفرزه وتسلسله واستخدامه مباشرة في حسابات أخرى دون إزالة نص العرض.
تحقق من المدخل واستخدم النتيجة بأمان
تكتسب المعالجة الصارمة للمدخلات أهمية عندما تمر الألوان عبر أنظمة التصميم أو مولدات الشفرة أو عمليات نقل أوراق الأنماط. ترفض الأداة القيم المفقودة والأنواع غير النصية والأطوال الخاطئة والحروف التي لا تنتمي إلى 0-9 أو A-F. تتجاهل المسافات المحيطة بنص صالح وتقبل الأحرف الكبيرة والصغيرة، لكنها لا تصلح خفيةً الألوان المختصرة أو RGB ذي الستة أرقام أو علامات المربع المتعددة أو القيم التي تبدأ بألفا.
تفيد النتيجة الناجحة في تدقيق رموز التصميم وإنشاء تسمية عتامة مفهومة والتحقق من CSS المولّد وبناء اختبارات الانحدار. كما توضح لماذا تعادل 80 نحو 50.2%.
حالات الاستخدام
تدقيق رموز التصميم
حوّل بايتات ألفا المضمّنة إلى نسب سهلة القراءة مع الاحتفاظ بالبايت الدقيق للتتبع.
مراجعة CSS المولّد
تحقق من أن لون RRGGBBAA المصدّر يحمل العتامة التي يتوقعها المصممون والمطورون.
إنشاء اختبارات النقل
أنشئ قيم عتامة ثابتة لاختبارات تنقل الألوان ذات الثمانية أرقام إلى تمثيل آخر.
الأسئلة الشائعة
ما ترتيب اللون السداسي المدعوم؟
الترتيب المطلوب هو RRGGBBAA، وتوجد ألفا في الرقمين الأخيرين. لا تُفسر AARRGGBB بوصفها صيغة بديلة.
هل يمكن تضمين علامة المربع في البداية؟
نعم. القيمتان #33669980 و33669980 صالحتان وتعطيان النتيجة الموحّدة نفسها.
كيف تُحسب النسبة المئوية؟
يُقرأ زوج ألفا كبايت، ثم يُقسم على 255 ويُضرب في 100 ويُقرب إلى منزلتين عشريتين.
لماذا تعطي ألفا 80 القيمة 50.2 بدلًا من 50؟
تساوي 80 السداسية العدد 128 عشريًا، وقسمة 128 على 255 تعطي قيمة أكبر قليلًا من النصف، فتكون النتيجة 50.2.
ما العتامة التي يعطيها زوجا ألفا 00 وFF؟
يعطي 00 نسبة 0%، أي لوناً شفافاً تماماً، ويعطي FF، وهو البايت 255، نسبة 100%، أي لوناً معتماً تماماً. ويُقسَم كل زوج بينهما على 255 ثم يُضرب في 100.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/hex-alpha-to-opacity \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#33669980"}'const res = await fetch("https://api.kit.forhosting.com/color/hex-alpha-to-opacity", {
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/hex-alpha-to-opacity",
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/hex-alpha-to-opacity", 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/hex-alpha-to-opacity", 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.hex_alpha_to_opacity",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
اقرأ بايت ألفا من موضعه الصحيح
تتضمن الاستجابة قيمة سداسية موحّدة بأحرف صغيرة، كما تحتفظ بالزوج المستخرج في alpha_hex حتى تتمكن من معرفة البايت الذي استُخدم في الحساب.
حوّل البايت إلى نسبة ثابتة
ولأن معظم القيم الوسطية لا تنتج عددًا عشريًا منتهيًا، تُقرّب opacity_percent إلى منزلتين عشريتين. هذه قاعدة ثابتة وحتمية؛ فالمدخل نفسه ينتج JSON نفسه دائمًا، بصرف النظر عن لغة المتصفح أو الوقت أو الشبكة أو إعدادات الجهاز. يبقى alpha_byte الدقيق في الاستجابة إلى جانب النسبة المقربة، مما يتيح الحفاظ على قيمة الثمانية بت الأصلية عند الحاجة.
تحقق من المدخل واستخدم النتيجة بأمان
يولد المدخل المرفوض خطأ invalid_input برسالة مفيدة بدلًا من نسبة مضللة، وبذلك تستطيع مسارات العمل المؤتمتة التوقف مبكرًا وعرض المشكلة الفعلية. تبلغ تكلفة التحويل الواحد عبر API مقدار $0.002؛ ولا يعتمد الحساب الخالص على الشبكة ويمكن تشغيله فورًا في المتصفح. استخدم opacity_percent للعرض المقرب وalpha_byte بوصفه القيمة المصدرية الدقيقة عند الحاجة إلى معالجة بلا فقد.
أسئلة تقنية
ماذا يحدث إذا كان اللون غير صالح؟
يعيد الطلب خطأ invalid_input يصف القيمة المفقودة أو الطول أو النوع أو الحرف غير الصالح.
ما تكلفة التحويل عبر API؟
تبلغ تكلفة التحويل الواحد $0.002.