Hex إلى اسم لون
أعطِ رمز hex اسماً: أقرب اسم إلى #ff5733 هو tomato، ورمزه الخاص #ff6347، ويُختار من بين 148 لوناً مسمّى في CSS حسب المسافة في فضاء RGB. مجاناً في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- سداسي
- #ff5733
- المقاومة (Ω)
- 255
- G
- 87
- B
- 51
- الاسم
- tomato
غالبًا ما تخزّن رموز التصميم وإرشادات العلامة وأوراق الأنماط الألوان كرموز hex، لكن البشر ما زالوا يتحدثون بأسماء مثل tomato و cornflowerblue و rebeccapurple. تأخذ هذه الأداة قيمة hex CSS واحدة—ثلاثة أو ستة أرقام سداسية عشرية، مع أو بدون # بادئة—وتعيد أقرب لون CSS مسمّى صلب من لوحة CSS Color Module Level 4 بالمسافة الإقليدية في فضاء أحمر-أخضر-أزرق بثماني بتات. عندما يطابق hex لونًا مسمّى تمامًا، تعلّم الاستجابة exact بقيمة true والمسافة صفر. عندما يقع بين كلمات مفتاحية، ما زلتم تحصلون على اسم أقرب مستقر، و hex وقنوات الكلمة المفتاحية نفسها، ومسافة رقمية حتى تقرر مراجعات التصميم وقواعد lint مدى القرب الكافي. سلاسل hex غير الصالحة تفشل بخطأ تحقق واضح بدل اختراع اسم.
كيف تُختار أقرب ألوان CSS المسمّاة
كل لون CSS مسمّى صلب هو ثلاثي ثابت من قيم قنوات أحمر وأخضر وأزرق من صفر إلى 255، منشور في جدول كلمات CSS Color Module Level 4 المفتاحية. تحفظ هذه القدرة تلك اللوحة الصلبة الكاملة—بما في ذلك بدائل إملاء أمريكية وبريطانية مثل gray و grey، وكلمات حديثة مثل rebeccapurple—وتستبعد transparent لأن رمز hex البسيط بلا قناة ألفا. يُطبّع إدخالك: # بادئة اختيارية، أرقام hex صغيرة، واختصار ثلاثي يُوسَّع بمضاعفة كل رباعية بحيث يصبح f zero zero هو f f zero zero zero zero.
تقيس الخوارزمية بعد ذلك المسافة الإقليدية في فضاء RGB: الجذر التربيعي لمجموع مربعات فروق القنوات بين لونكم وكل ثلاثي مسمّى. يفوز الاسم ذو أصغر مسافة. عندما تشترك كلمتان مفتاحيتان في نفس قيم RGB—مثلًا aqua و cyan، أو fuchsia و magenta—أو يقع ثلاثيان متمايزان عند نفس المسافة الرقمية، يُبقى الاسم الأبجدي الأول حتى لا يتقلب الناتج بين التشغيلات.
المسافة صفر تعني إصابة لوحة تامة وراية exact صحيحة؛ والمسافة الموجبة تعني تقريب الجار الأقرب يمكن استخدامه في النصوص أو ملاحظات إمكانية الوصول أو lint ناعم للوحة.
ما ترسلونه وما تستلمونه
أرسلوا حقل سلسلة واحدًا باسم hex. الأشكال المقبولة رموز بست أرقام مثل hash f f five seven three three، واختصار ثلاثي مثل hash f zero zero، ونفس السلاسل بلا # بادئة. تُقص المسافات حول القيمة.
تشمل الفحوصات الكلاسيكية أحمر نقيًا كـ hash f f zero zero zero zero يُحل إلى red مع exact true؛ وقريبًا من البرتقالي hash f f five seven three three قرب tomato بمسافة موجبة؛ ورموزًا بست أرقام بلا # تُحل كشكلها مع #. اربطوا نموذج المتصفح المجاني لمراجعات التصميم وعروض الصف، ثم استدعوا العقد ذاته من السكربتات عند الحاجة إلى تعيين جماعي لجداول hex العلامة إلى أسماء مقروءة أو ثوابت انحدار.
أين يظهر بحث hex إلى اسم في العمل الحقيقي
غالبًا ما تنشر أنظمة التصميم وكتب العلامة الألوان الأساسية والتمييز كـ hex بينما تحتاج نصوص المنتج وملاحظات إمكانية الوصول وشرائح أصحاب المصلحة أسماء مقروءة لنفس العينات. يمكن لقواعد lint للواجهة الأمامية وفحوصات CI أن تُعلم قيم hex مخصصة بعيدة عن أي كلمة CSS مفتاحية عندما يفضّل الفريق ألوانًا مسمّاة في أوراق الأنماط لسهولة القراءة. مؤلفو تصور البيانات الذين يربطون سلاسل فئوية يبدأون أحيانًا من منحدرات hex ويريدون أقرب كلمة CSS مفتاحية لأساطير يجب أن تُعرض بلا صور عينات مخصصة.
إن احتجتم لاحقًا تحويلًا متعدد الصيغ عبر HEX و RGB و HSL و LAB و CMYK، أو تحويلًا عكسيًا من الأسماء إلى hex فقط، أو استخراج اللون السائد من الصور، أو فحوصات تباين WCAG، عاملوها كنيات بحث وصفحات منفصلة بدل إثقال صفحة hex إلى اسم اللون المخصصة هذه.
حالات الاستخدام
تسمية رموز hex العلامة للتوثيق
اربطوا قيم hex لرموز التصميم بأقرب كلمة CSS مفتاحية لأدلة الأسلوب وملاحظات التسليم وجداول ألوان مفهومة لأصحاب المصلحة.
فحص الأنماط نحو الألوان المسمّاة
قيّموا إعلانات hex المخصصة بمسافتها إلى لوحة CSS وعلّموا القيم الشاذة عندما يفضّل الفريق ألوانًا مسمّاة مقروءة في CSS.
الأسئلة الشائعة
كيف يُختار أقرب اسم لون CSS؟
تحلّل الأداة hex إلى RGB بثماني بتات، ثم تختار لون CSS Color Module Level 4 المسمّى الصلب بأصغر مسافة إقليدية RGB. التعادلات تبقي الاسم الأبجدي الأول.
ما صيغ hex المقبولة؟
رموز hex بثلاثة وستة أرقام، مع أو بدون # بادئة.
ماذا يعني exact true؟
يطابق hex قيم RGB للون مسمّى تمامًا، فالمسافة صفر. وإلا exact خاطئ و distance هي الفجوة الإقليدية إلى أقرب كلمة مفتاحية.
هل يحوّل هذا HEX إلى RGB أو HSL؟
لا. يجد فقط أقرب لون CSS مسمّى. للتحويل متعدد الصيغ استخدموا صفحة محول الألوان العامة؛ هذه الصفحة تملك نية بحث hex إلى اسم.
ماذا يحدث إذا تشارك اسمان اللون نفسه؟
يُختار الاسم الذي يسبق أبجدياً، مثل aqua قبل cyan وfuchsia قبل magenta. وهكذا تبقى النتيجة ثابتة في كل مرة ولا تتبدل بين اسمين.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/hex-name \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#ff5733"}'const res = await fetch("https://api.kit.forhosting.com/color/hex-name", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#ff5733"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hex-name",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#ff5733"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hex-name", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#ff5733"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#ff5733"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hex-name", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"hex": "#ff5733"
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex_name",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
كيف تُختار أقرب ألوان CSS المسمّاة
المسار كله حساب عائم حتمي بلا بذور عشوائية ولا طوابع ساعة ولا استدعاءات شبكة، لذا مدخلات hex المتطابقة تنتج دائمًا JSON متطابقًا.
ما ترسلونه وما تستلمونه
أحرف غير hex والسلاسل الفارغة وأشكال ألفا بأربع أو ثماني أرقام والأنواع غير السلاسل تفشل بـ invalid_input ولا تُحسب. عند النجاح تعيد الاستجابة hex مطبّعًا بست أرقام صغيرة مع # بادئة، وقنوات صحيحة r و g و b للإدخال، واسم CSS الفائز، و named_hex للون المسمّى وقنوات named_r و named_g و named_b، ومسافة عائمة نظيفة، وراية exact منطقية، و palette_size لجدول الكلمات الصلبة، وملاحظة صيغة قصيرة تصف المسافة الإقليدية RGB مع كسر التعادل الأبجدي. تسعير استدعاءات API الناجحة هو الأساس المنشور $0.002 لكل عنصر؛ فشل التحقق لا يستهلك رصيدًا مدفوعًا مسبقًا.
أين يظهر بحث hex إلى اسم في العمل الحقيقي
أدوات المحتوى التي تولّد نصًا بديلًا أو أوصاف سمات أو جداول توثيق من JSON الرموز تحتاج اسمًا أقرب مستقرًا بدل تخمين حر من نموذج. المناهج والمعسكرات التدريبية تعلّم قائمة كلمات CSS المفتاحية بجانب hex و RGB وتحتاج أوراكلًا موثوقًا يطابق نفس الرياضيات في ودجة المتصفح وAPI. لأن هذه القدرة محرك parse بحت، تسعير API هو الأساس المنشور $0.002 لكل عنصر ناجح وفشل التحقق لا يستهلك الرصيد.
حالات التكامل
جداول hex جماعية لأدوات المحتوى
حوّلوا قوائم hex كبيرة من JSON السمة إلى أسماء أقرب مستقرة للأساطير ومساعدي النص البديل ومفاتيح إجابات المناهج.
أسئلة تقنية
كم التكلفة؟
أداة المتصفح مجانية وتعمل محليًا. طلبات API تستخدم رصيد KIT المدفوع مسبقًا بمبلغ $0.002 لكل عنصر ناجح؛ الإدخال غير الصالح لا يُحسب.