البحث عن اسم لون من HEX
يُتعرَّف على #ff5733 بأنه tomato، أقرب لون مسمّى (#ff6347)، على مسافة 23.323808، فتعرفون أنه قريب لكنه ليس مطابقًا. امنحوا رموز hex أسماء مفهومة دون الادعاء بأنها متطابقة. مجانًا في متصفحكم.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- Hex
- #ff5733
- HEX المدخل
- #ff5733
- الاسم
- tomato
- Hex المسمّى
- #ff6347
- المسافة
- 23.323808
رمز HEX دقيق، لكنه ليس سهل الوصف دائما في الوثائق والمراجعات. تربط هذه الأداة القيمة المكونة من ثلاثة أو ستة أرقام بأقرب لون مصمت في CSS/X11. وتعيد الاسم ورمز HEX القياسي وقيمتي RGB والمسافة ومؤشر التطابق التام، من دون عرض التقريب على أنه تطابق كامل.
أدخل لونا سداسي عشري صالحا
أدخل في حقل hex ستة أرقام مثل <code>#ff5733</code> أو ثلاثة مثل <code>#f53</code>. علامة المربع اختيارية، وتقبل الأحرف الكبيرة والصغيرة. توسع الصيغة المختصرة بتكرار كل رقم.
ترفض صيغ ألفا ذات الأربعة أو الثمانية أرقام لأن الشفافية لا تدخل في المسافة بين الألوان المصمتة. كما لا تقبل <code>rgb()</code> أو <code>hsl()</code> أو المتغيرات أو أسماء الألوان. وبذلك لا يتحول رمز تصميم معيب بصمت إلى لون مختلف.
حول أي صيغة أخرى أولا إلى HEX من ثلاثة أو ستة أرقام.
افهم كيفية اختيار الاسم الأقرب
تحول الأداة المدخل إلى قنوات الأحمر والأخضر والأزرق من 0 إلى 255، وتكرر ذلك لكل لون CSS/X11 مصمت. ثم تطرح القنوات وتربع الفروق وتجمعها وتأخذ الجذر التربيعي. تفوز أصغر مسافة، ويعني الصفر تطابقا تاما.
هذه الطريقة قابلة للتكرار، لكنها لا تمثل الإدراك البشري تمثيلا كاملا. توجد أسماء بديلة بقيم RGB متطابقة، مثل gray وgrey، وكذلك aqua وcyan. ولأن اللوحة مرتبة أبجديا، يختار التعادل دائما الاسم الأول.
استخدم النتيجة مع الحفاظ على الأصل
تعامل مع الاسم بوصفه وصفا مفيدا لا بديلا إلزاميا. تحتفظ الاستجابة برمز HEX الموحد وقنوات RGB، ثم تضيف الاسم الفائز ورمز HEX وقنوات RGB الخاصة به والمسافة وحالة التطابق. يمكنكم تسمية رموز التصميم أو وضع حد قبل توحيد لوحة أو شرح رمز في الدعم.
احتفظوا بالأصل عند الحاجة إلى الدقة البصرية، واستخدموا اللون المسمى وفق حد المسافة الذي تحددونه عند تفضيل كلمات المتصفح. لا يستخدم الحساب شبكة أو عشوائية أو ساعة، ولذلك يناسب الاختبارات القابلة للتكرار.
حالات الاستخدام
تسمية رموز التصميم
أضيفوا اسم CSS مفهوما إلى قيم HEX مع الاحتفاظ بالقيم الأصلية.
مراجعة اللوحات المستوردة
قيسوا قرب الألوان من كلمات المتصفح القياسية قبل توحيدها.
توضيح الحديث عن الألوان
حولوا الرموز الغامضة إلى أسماء ثابتة للتذاكر والوثائق والدعم.
الأسئلة الشائعة
ما صيغ HEX المقبولة؟
ثلاثة أو ستة أرقام سداسية عشرية، مع علامة مربع اختيارية، وبأحرف كبيرة أو صغيرة.
هل تدعم شفافية ألفا؟
لا. ترفض صيغ الأربعة والثمانية أرقام لأن اللوحة تحتوي ألوانا مصمتة.
كيف يحسب اللون الأقرب؟
تقلل المسافة الإقليدية بين قنوات الأحمر والأخضر والأزرق.
لماذا قد يكون الاسم غير متوقع؟
مسافة RGB رياضية وليست إدراكية، كما أن أسماء CSS موزعة بصورة غير منتظمة.
كيف تعالج حالات التعادل؟
تفحص الأسماء أبجديا، فتفوز أول كلمة مفتاحية في CSS.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/name-lookup \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#ff5733"}'const res = await fetch("https://api.kit.forhosting.com/color/name-lookup", {
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/name-lookup",
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/name-lookup", 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/name-lookup", 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.name_lookup",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
أدخل لونا سداسي عشري صالحا
يعيد الطول الخاطئ أو الحروف غير الصالحة أو القيمة الفارغة أو غير النصية خطأ <code>invalid_input</code>.
افهم كيفية اختيار الاسم الأقرب
لذلك تعطي API والمتصفح النتيجة المستقرة نفسها على كل جهاز وفي كل تشغيل.
استخدم النتيجة مع الحفاظ على الأصل
يعمل محليا في هذه الصفحة، وتكلف كل مطالبة آلية $0.002.
أسئلة تقنية
ما تكلفة مطالبة API؟
تكلف كل مطالبة $0.002. وينفذ المتصفح الحساب نفسه محليا.