اسم CSS إلى hex
اسم اللون tomato في CSS هو #ff6347، أي rgb(255, 99, 71)، وهو الدرجة نفسها التي يرسمها كل متصفح. حوّلوا أسماء الألوان في دليل الأنماط إلى رموز hex جاهزة للصق. مجانًا في متصفحكم.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- الاسم
- tomato
- الاسم الخام
- tomato
- رمز hex
- #ff6347
- hex سداسي
- ff6347
- المقاومة (Ω)
- 255
يأخذ محول اسم لون CSS إلى hex لونًا مسمّى مقروءًا من منصة الويب—كلمات مثل tomato وnavy وcoral أو rebeccapurple—ويعِد الرمز الست عشري الدقيق وقيم قنوات الأحمر والأخضر والأزرق التي تحلّها المتصفحات عند رسم ذلك الاسم. الصق معرّف CSS واحدًا؛ تطبّع الأداة حالة الأحرف وتبحث عن الاسم في جدول الألوان المسمّاة الموسّع في CSS Color Level 4 وتعيد سلسلة #rrggbb بأحرف صغيرة وقنوات صحيحة من صفر إلى مئتين وخمسة وخمسين وسلسلة rgb() جاهزة للصق وخطوط بحث خطوة بخطوة يمكنكم التحقق منها في الاختبارات. مطوّرو الواجهة الذين يتحققون من رمز تصميم مكتوب كاسم، وكتّاب المحتوى الذين لا يتذكرون سوى tomato، والاختبارات الآلية التي تثبّت تجهيزات اللوحة، يحتاجون جميعًا إلى نفس التعيين الحتمي دون فتح استوديو ألوان متعدد الفضاءات.
ما الألوان المسمّاة في CSS وكيف يُشتق الرمز hex
تعرّف أوراق الأنماط المتتالية مفردات ثابتة من الألوان المسمّاة الموسّعة يطابقها كل متصفح حديث بنفس ثلاثي sRGB. عندما يقول جدول الأنماط color tomato أو background rebeccapurple، لا يخترع المحرك درجة: يحلّ الكلمة المفتاحية عبر جدول قياسي من مئة وثمانية وأربعين اسمًا—بما في ذلك إملاءا grey أو gray البريطاني والأمريكي وإضافة Level 4 المسماة rebeccapurple—إلى ثلاث قنوات بثمانية بتات. تُحزم تلك القنوات في الشكل الست عشري المألوف #RRGGBB الذي ما زالت أدوات التصميم ورموز التصميم وHTML البريد تستخدمه يوميًا.
لـ tomato يعطي الجدول أحمر مئتين وخمسة وخمسين وأخضر تسعة وتسعين وأزرق واحدًا وسبعين، محزومًا كـ #ff6347؛ ولـ navy القنوات صفر وصفر ومئة وثمانية وعشرون والـ hex هو #000080. ينفّذ هذا المحول ذلك البحث الجدولي بالضبط: يقطع علامات الاقتباس الاختيارية والمسافات المحيطة، ويحوّل المعرّف إلى أحرف صغيرة، ويرفض أي شيء يشبه رمز hex أو تدوين لون داليًا، ثم يصدر الـ hex المحزوم والثلاثة أعداد صحيحة.
غالبًا ما تبدأ تمارين الصف وتسليمات التصميم من اسم في عرض علامة تجارية؛ وجود مرجع حتمي يزيل الغموض حول حالة الأحرف ومتغيرات الإملاء وما إذا كانت كلمة تسويقية فعلاً كلمة مفتاحية في CSS.
نصائح عملية وحدود وعمليات بحث ذات صلة
فضّلوا إرسال كلمة CSS المفتاحية الدقيقة التي يستخدمها جدول أنماطكم أو نظام التصميم بالفعل، بما في ذلك حالة الأحرف المختلطة بأسلوب camel إن ظهرت كذلك في تذكرة؛ تطبع الاستجابة دائمًا إلى name بأحرف صغيرة وhex سداسي بأحرف صغيرة لتبقى فروق المقارنة اللاحقة مستقرة. لا تمرّروا رموز hex مثل #ff6347 ولا تدوينات دالية مثل rgb(255, 99, 71)—هذه الصفحة مقصورة عمدًا على الكلمات المفتاحية المسمّاة، وتُرفض تلك الصيغ حتى تلاحظوا بدل فشل صامت في البحث الجدولي.
لا تُربط transparent وcurrentcolor هنا بـ hex معتم؛ إن احتجتم ألفا أو ألوان النظام فاستخدموا أداة أخرى. عند كتابة اختبارات وحدة، غطّوا اسمًا شائعًا واحدًا على الأقل مثل tomato واسم Level 4 مثل rebeccapurple وزوج إملاء grey أو gray ومدخلاً بحالة مختلطة وكلمة غير معروفة عمدًا حتى لا تتسرب انحدارات التحقق.
تستهدف هذه الصفحة من يبحث عن محول اسم لون CSS إلى hex أو رمز hex لـ tomato أو لون مسمّى إلى #RRGGBB أو rebeccapurple hex عبر الإنترنت؛ وليست مقسّم hex إلى RGB ولا محولًا متعدد الفضاءات كاملًا لـ HSL وLAB وCMYK ولا مستخرج لوحة من الصور. فضّلوا هذه القدرة عندما تملكون بالفعل كلمة CSS مفتاحية وتحتاجون فقط رمز hex أو أعداد القنوات الصحيحة؛ إن كان المصدر hex أصلًا فاستخدموا محول hex إلى RGB بدلًا من ذلك.
حالات الاستخدام
تسليم رموز التصميم من ألوان العلامة المسمّاة
يسرد المصممون ألوان العلامة كأسماء CSS في دليل أسلوب؛ يلصق المهندسون كل اسم ويتلقون قيم #rrggbb وrgb() الدقيقة للرموز والتذاكر.
اختبارات وحدة لتجهيزات السمة واللوحة
ثبّتوا ثلاثيات hex وRGB المرجعية من كلمات CSS المفتاحية حتى تؤكد اختبارات الانحدار البصري ونسبة التباين قيم قنوات مستقرة.
حقول لون المحتوى ونظام CMS
يكتب المحررون tomato أو navy في حقل CMS؛ يحلّ الخادم الخلفي الكلمة المفتاحية إلى hex قبل كتابة متغيرات CSS أو قوالب البريد.
الأسئلة الشائعة
ما أسماء الألوان المدعومة؟
جميع الألوان المسمّاة الموسّعة الـ148 في CSS Color Level 4، بما في ذلك rebeccapurple وإملائي gray/grey حيث يعرّفهما المعيار. تُتجاهل حالة الأحرف.
هل يمكنني تمرير رمز hex مثل #ff6347؟
لا. تحوّل هذه الأداة الأسماء إلى hex فقط. من hex إلى RGB استخدموا محول hex إلى RGB بدلًا من ذلك.
ما رمز hex للون tomato؟
tomato هو #ff6347، أي الأحمر 255 والأخضر 99 والأزرق 71. وكل المتصفحات الحديثة ترسم الاسم tomato بهذا اللون تمامًا.
هل يهم استخدام الأحرف الكبيرة في اسم اللون؟
لا. أسماء الألوان لا تميّز بين الأحرف الكبيرة والصغيرة، فتعمل Tomato وtomato وDarkSlateGray بالطريقة نفسها، وتعود النتيجة دائمًا بالاسم ورمز hex بأحرف صغيرة.
ماذا يحدث إذا كتبت اسمًا ليس لون CSS؟
يرفض الطلب برسالة واضحة بدل اختراع لون. وينطبق ذلك على العبارات المكوّنة من عدة كلمات وعلى أسماء الألوان التسويقية التي ليست من أسماء CSS المعتمدة.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/color/name-hex \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"name":"tomato"}'const res = await fetch("https://api.kit.forhosting.com/color/name-hex", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"name": "tomato"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/name-hex",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"name": "tomato"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/name-hex", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"name":"tomato"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"name":"tomato"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/name-hex", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"name": "tomato"
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.name_hex",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
max_name_chars | 64 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
الأسماء غير المعروفة ورموز hex العارية والتدوينات الدالية rgb() أو hsl() والعبارات متعددة الكلمات ذات المسافات تفشل بخطأ invalid_input واضح بدل اختراع لون. المسار بحث جدولي حتمي خالص—بلا شبكة ولا بذور عشوائية ولا اعتماد على الساعة—لذا يعيد منفّذ المتصفح المجاني وواجهة API المدفوعة مقدمًا نفس JSON في كل استدعاء.
كيفية استدعاء API وما الذي يُعاد
تشمل الأمثلة الصالحة tomato وTomato وrebeccapurple وDarkSlateGray وlightskyblue؛ تُقطع المسافات المحيطة وتُزال علامات الاقتباس الاختيارية ويجوز أن تكون الحروف كبيرة أو صغيرة لأن أسماء ألوان CSS لا تميّز حالة الأحرف. أرسلوا جسم JSON بحقل سلسلة إلزامي اسمه name—تُقبل الأسماء المستعارة color وvalue وtext وinput وcolor_name من نفس الحلّال. عند النجاح تعيد الاستجابة name كمفتاح قانوني بأحرف صغيرة وname_raw كالسلسلة الأصلية المقطوعة وhex كسلسلة #rrggbb مطبّعة بأحرف صغيرة وhex6 دون العلامة وحقلاً صحيحة r وg وb مع الأسماء المستعارة red وgreen وblue ومصفوفة rgb من ثلاثة أعداد وسلسلة css بالشكل rgb(r, g, b) ورسالة قصيرة ومصفوفة steps تعرض المفتاح المطبّع وكل سطر من القناة إلى hex للتصحيح أو التعليم. فشل التحقق—حقل مفقود أو سلسلة فارغة أو أنواع غير سلسلة أو رموز hex مع العلامة أو بدونها أو أشكال rgb() أو hsl() أو مسافات داخل عبارة متعددة الكلمات أو أحرف خارج A–Z أو طول يتجاوز الحد المنشور أو أي سلسلة غير موجودة في جدول الألوان المسمّاة—يعيد invalid_input ولا يُحاسب أبدًا. التسعير هو $0.002 ثابت لكل طلب ناجح بوحدة item وسعر وحدوي هامشي صفر.
نصائح عملية وحدود وعمليات بحث ذات صلة
المهام الفاشلة التي تعيد invalid_input لا تستهلك الرصيد المدفوع مسبقًا، ما يبقي سكربتات الاستكشاف والتحقق من النماذج رخيصة بينما يلصق المتعلمون قيمًا غير مثالية من الحافظة.
أسئلة تقنية
ماذا يحدث إن لم يكن الاسم لون CSS؟
تعيد API قيمة invalid_input مع رسالة بأن الاسم غير معروف. لا تُطبَّق رسوم على فشل التحقق.
هل aqua وcyan متماثلان؟
نعم. في جدول CSS يُطابق الاسمان نفس الثلاثي (0, 255, 255) ونفس الـ hex #00ffff.
هل محول اسم لون CSS إلى hex مجاني؟
نعم في منفّذ المتصفح. عبر API تُفوتر التحويلات الناجحة بـ $0.002 ثابت لكل طلب؛ نتائج invalid_input لا تُحاسب.