توسيع hex المختصر
حوّل الصيغة المختصرة إلى الصيغة الطويلة التي تستخدمها المتصفحات: يصبح #f0a هو #ff00aa لأن كل خانة تتكرر، وتحصل أيضاً على #FF00AA بأحرف كبيرة وعلى القنوات 255 و0 و170. مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- Hex
- #f0a
- Hex
- #ff00aa
- Hex بدون #
- ff00aa
- أحرف كبيرة
- #FF00AA
- الصيغة المختصرة
- #f0a
غالباً ما تكتب CSS وأدوات التصميم الألوان بصيغة مختصرة من ثلاثة أرقام مثل #f0a بدلاً من الصيغة الكاملة ذات الستة أرقام #ff00aa. توسّع المتصفحات ذلك الاختصار بمضاعفة كل رقم ست عشري حتى يصبح كل قناة بايتاً كاملاً. تقبل أداة توسيع لون hex المختصر هذه رمزاً ثلاثي الأرقام مع أو بدون علامة التجزئة الأولى، وتتحقق من أن كل محرف رقم ست عشري، وتعيد التوسيع الحتمي لستة أرقام مع أعداد قنوات الأحمر والأخضر والأزرق المقابلة. يستخدمها مطوّرو الواجهة عندما تصل رموز التصميم قصيرة وتحتاج أوراق الأنماط أو اللقطات أو أنظمة التصميم إلى الصيغة الطويلة. يستخدمها الطلاب ونصوص ضمان الجودة للتحقق من أن لوحة ألوان مكتوبة يدوياً تطابق قاعدة وحدة لون CSS بايتاً ببايت.
معنى الاختصار ثلاثي الأرقام وكيف يعمل التوسيع
في CSS يمكن كتابة لون hex بثلاثة أرقام بعد علامة تجزئة اختيارية: nibble واحد للأحمر وواحد للأخضر وواحد للأزرق. قاعدة التوسيع الرسمية بسيطة ومطلقة: يُكرَّر كل رقم مرة واحدة فتصبح ثلاثة محارف ستة. على سبيل المثال يتوسع #abc إلى #aabbcc و#f0a إلى #ff00aa و#000 إلى ستة أصفار.
ليست هذه القاعدة استدلالاً ولا تقريباً إدراكياً؛ إنها نفس التعيين الذي تطبّقه المتصفحات عند تحليل ورقة أنماط. يشفّر هذا الحاسب ذلك التعيين تماماً.
تقدّم اختصاراً ثلاثي الأرقام، فيحوّل المحرك الأرقام إلى أحرف صغيرة لصيغة قانونية مستقرة، ويضاعف كل nibble، ويعيد السلسلة الكاملة مع علامة التجزئة، والأرقام الستة بدونها، وصيغة كبيرة لدلائل الأسلوب التي تفضّل A–F كبيرة، والاختصار الثلاثي المعياري مع وبدون علامة التجزئة، وقيمة منطقية تسجّل ما إذا حمل الإدخال علامة تجزئة أولى، وقنوات r وg وb الصحيحة من 0 إلى 255 حتى تغذي اللون نفسه أدوات RGB دون تحويل ثانٍ. لا يوجد مسار يخترع قناة رابعة أو يحفظ الشفافية أو يعامل بادئات 0x كألوان CSS صالحة.
استخدم محوّلاً مخصصاً من hex إلى RGB أو متعدد الصيغ عندما تملك ستة أرقام مسبقاً وتحتاج أرقام القنوات فقط؛ واستخدم هذه الصفحة عندما يكون الإدخال قصيراً عمداً والمهمة إخراج الصيغة الطويلة بعقد تحقق واضح.
أين يثبُت نفع توسيع hex المختصر
غالباً ما تتلقى أنظمة التصميم عينات العلامة كرموز ثلاثية من دلائل أسلوب قديمة أو إضافات Figma أو ملاحظات مكتوبة يدوياً، بينما تفضّل أنابيب الرموز الحديثة وخصائص CSS المخصصة تجزئات سداسية للبحث وفروق اللقطات والتعيين قناة بقناة. توسيع الاختصار مرة واحدة عند الحدود يُبقي كل المستهلكين اللاحقين على الصيغة الطويلة دون أن يعيد كل فريق تنفيذ قاعدة المضاعفة باختلاف طفيف. تقدّم مواد تعليم تطوير الويب الألوان الثلاثية مبكراً لسهولة كتابتها ثم تطلب من الطلاب شرح التوسيع؛ وتسمح أداة حتمية بإظهار أن #fff أبيض وأن #f0a ليس مساوياً لاختراع أرقام ناقصة.
تخزّن أنابيب ضمان الجودة وإمكانية الوصول أحياناً ألواناً بصيغ مختلطة؛ وتطبيع الرموز القصيرة إلى ستة أرقام قبل فحوصات التباين يتجنب عدم التطابق الزائف عندما يستخدم طرف الاختصار والآخر الصيغة الطويلة. اقرن هذا الموسّع بمحوّلات RGB أو HSL عند الحاجة إلى فضاءات أخرى، وأبقِ هذه الصفحة مركّزة عندما تكون المهمة الوحيدة من ثلاثة أرقام إلى ستة ضمن عقد تحقق صارم يرفض الرموز الطويلة مسبقاً والمحارف غير القانونية بدلاً من التخمين.
حالات الاستخدام
رموز التصميم وتطبيع CSS
حوّل اختصار العلامة #RGB إلى سلاسل #RRGGBB لملفات السمات والخصائص المخصصة وأنابيب رموز نظام التصميم.
تركيبات CI حتمية
ثبّت نتائج hex الموسَّعة في اختبارات الوحدة وخطوط أساس اللقطات حتى لا تنحرف رموز اللوحة القصيرة بين البيئات.
التعليم والتحقق من الواجبات
اعرض على الطلاب قاعدة CSS لمضاعفة الـ nibble وتحقق من الألوان الموسَّعة يدوياً دون حاسبات غامضة.
الأسئلة الشائعة
كيف يتوسع #RGB إلى #RRGGBB؟
يُضاعَف كل من الأرقام الست عشرية الثلاثة: يصبح #abc هو #aabbcc و#f0a هو #ff00aa. هذه هي نفس القاعدة التي تستخدمها متصفحات CSS للألوان المختصرة.
هل تقبل الأداة hex سداسي الأرقام كإدخال؟
لا. توسّع هذه الأداة الاختصار ثلاثي الأرقام فقط.
ما المحارف المسموحة؟
ثلاثة أرقام ست عشرية بالضبط 0–9 وA–F/a-f، مع علامة تجزئة اختيارية. تُرفض المسافات وبادئات 0x والسلاسل الفارغة والمحارف غير الست عشرية.
كيف يصبح #f0a بست خانات؟
يصبح #ff00aa. تُكتب كل خانة من الخانات الثلاث مرتين: f تصبح ff و0 يصبح 00 وa تصبح aa، فيكون الأحمر 255 والأخضر 0 والأزرق 170.
هل يجب أن أكتب علامة # في البداية؟
لا. يمكنك إدخال #f0a أو f0a فقط والنتيجة واحدة. كما تبيّن النتيجة هل كان إدخالك يحتوي على العلامة أم لا.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/hex3-hex6 \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#f0a"}'const res = await fetch("https://api.kit.forhosting.com/color/hex3-hex6", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#f0a"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hex3-hex6",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#f0a"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hex3-hex6", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#f0a"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#f0a"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hex3-hex6", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"hex": "#f0a"
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex3_hex6",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
لا يستدعي المحرك الشبكة ولا يستخدم العشوائية ولا يعتمد على الساعة، لذا تتفق التشغيلات المجانية في المتصفح واستدعاءات API بسعر $0.002 لكل طلب ناجح دائماً على نفس سلسلة #RRGGBB.
معنى الاختصار ثلاثي الأرقام وكيف يعمل التوسيع
يُرفض الطول الخاطئ، بما في ذلك رمز سداسي الأرقام موسَّع مسبقاً، برمز invalid_input بدلاً من تمريره بصمت، لأن نية البحث لهذه الصفحة هي خطوة التوسيع نفسها لا تحويلاً متعدد الصيغ.
عقد الإدخال والتحقق وشكل المخرجات القابل للتكرار
تُقص المسافات الخارجية. بعد علامة التجزئة الاختيارية يجب أن يحتوي الجسم على ثلاثة محارف بالضبط من 0–9 وA–F بأي حالة. المسافات داخل الجسم والأجسام الفارغة والصيغ ذات أربعة أو ثمانية أرقام وأي محرف غير ست عشري تفشل في التحقق. اسم الحقل المفضّل هو hex، لكن تُقبل الأسماء البديلة color وvalue وtext وinput وcode وshorthand حتى تعيد النماذج وسلاسل الاستعلام والجداول استخدام العقد نفسه دون إعادة تسمية الأعمدة. يجب أن تكون القيمة سلسلة: تُرفض الأرقام المجرّدة لأن الأصفار البادئة وطول الأرقام يهمّان في رموز الألوان ولا يستطيع رقم JSON حفظ تلك التفاصيل. تُسمح بعلامة تجزئة أولى اختيارية واحدة وتُسجَّل في had_hash؛ وبادئة 0x أو 0X ليست اختصار CSS وتفشل برسالة واضحة. عند النجاح تتضمن الاستجابة دائماً hex بأحرف صغيرة مع علامة التجزئة كقيمة موسَّعة أساسية، وhex_no_hash لملفات الرموز التي تخزّن أرقاماً مجردة، وuppercase لاتفاقيات الأحرف الكبيرة، وshorthand وshorthand_no_hash كإدخال ثلاثي معياري، وأعداد القنوات r وg وb المستمدة من الأزواج الموسَّعة، ووسم الطريقة hex3_to_hex6، وسلسلة صيغة قصيرة تذكّر بأن كل nibble d يصبح d d. لا تُفوتر عمليات التحقق الفاشلة؛ وتكلف استدعاءات API الناجحة السعر الأساسي المنشور.
أين يثبُت نفع توسيع hex المختصر
يمكن لمولّدات الوثائق وفهارس المكوّنات استدعاء الوحدة الصرفة نفسها من ودجت المتصفح المجاني في هذه الصفحة أو من API حتى تتشارك نصوص التسويق وضوابط Storybook وخطوط أساس لقطات الشاشة الآلية توسيعاً واحداً. ولأن التنفيذ parse خالص من الطبقة A، يكلف كل استدعاء ناجح $0.002 بلا رموز نموذج ولا شبكة صادرة، ولا يستهلك الإدخال غير الصالح الرصيد، ولا يُخزَّن شيء بعد إرجاع الاستجابة.
أسئلة تقنية
هل علامة التجزئة الأولى إلزامية؟
لا. يُقبل كل من #f0a وf0a. تتضمن الاستجابة had_hash لمعرفة ما إذا استخدم الإدخال علامة تجزئة، ويعيد hex دائماً سلسلة سداسية مسبوقة بعلامة التجزئة.
كم يكلف توسيع لون hex المختصر؟
أداة المتصفح مجانية. تستخدم طلبات API رصيد KIT المدفوع مسبقاً بسعر $0.002 لكل استدعاء ناجح؛ ولا يُفوتر الإدخال غير الصالح.