مُحول اسم اللون إلى HEX لCSS ابحث عن أكواد HEX لجميع الألوان المسمى في CSS البالغ عددها 140+ مع البحث والمعاينة.
اسم اللون إلى HEX
ابحث عن أكواد HEX لجميع الألوان المسمى في CSS البالغ عددها 140+ مع البحث والمعاينة.
ابحث بالاسم
اكتب اسم اللون مثل "coral" أو "blue" لتصفية القائمة.
استعرض الألوان
اسحب عبر جميع الألوان المعروفة في CSS البالغ عددها 140+ مع عينات بصرية.
انسخ رمز HEX
انقر على نسخ لالتقاط رمز HEX لأي لون محدد.
What Is اسم اللون إلى HEX?
يوفر بحث اسم لون CSS إلى HEX وصولاً فوريًا إلى جميع الألوان البالغ عددها 140+ المحددة في مواصفات CSS بأسمائها القابلة للقراءة من قبل الإنسان. بدلاً من تحويل رموز الهيكس إلى ذاكرة، يسمح لك CSS باستخدام أسماء مثل "coral" أو "tomato" أو "steelblue" أو "rebeccapurple" مباشرة في جداول الأنماط الخاصة بك. يعرض هذا الأداة كل لون مسمى مع شريحة مرئية دقيقة، ورمز HEX الدقيق، وميزة نسخة واحدة بالنقر. إنه مرجع قيم للمانحين الذين يرغبون في استخدام أسماء الألوان الدلالية في النماذج الأولية، أو العثور على قيمة الهيكس للون الذي يعرفونه باسمه، أو اكتشاف ألوان جديدة لم يكونوا يعلمون وجودها في مواصفات CSS. يجعل واجهة البحث السريع من السهل العثور على ألوان محددة أو تصفح عائلات الألوان بأكملها. تشمل الألوان المسمى في CSS الأساسيات الأولية إلى درجات متعددة مثل "lemonchiffon" و "papayawhip" و "mintcream".
Why Use اسم اللون إلى HEX?
Common Use Cases
اختبار البروتوتايب السريع
استخدم الألوان المحددة للبروتوتايب السريع دون البحث عن رموز HEX.
مرجع CSS
ابحث عن القيمة الصحيحة لرمز HEX لأسماء ألوان CSS لتأكيد الاتساق عبر متصفحات الويب.
مساعد التعلم
استكشف مجموعة كاملة من أسماء ألوان CSS ومقابلاتها بالرموز السداسية.
مراجعة الشفرة
تحقق مما إذا كانت الألوان المحددة في الشفرة تتوافق مع المظهر المرئي المقصود.
Technical Guide
الألوان المسمى في CSS هي مجموعة محددة مسبقًا من 148 كلمة لونية (بما في ذلك التكرارات مثل "aqua"/"cyan" و "fuchsia"/"magenta") محددة في وحدة لون CSS Level 4. يرتبط كل اسم بخلفية لونية محددة معينة تعرف باسم HEX triplet. أتت هذه الأسماء من مجموعة ألوان X11 المستخدمة في أنظمة Unix للنوافذ، مع إضافات بمرور الوقت. تمت إضافة الاسم "rebeccapurple" (#663399) في عام 2014 كتحية لابنة إريك ماير. الألوان المسمى غير حساسة للحالة في CSS: "DarkSlateGray" و "darkslategray" متطابقان. بينما يعتبر استخدام الألوان المسمى مريحًا للتنمية، فإنها تقدم قيودًا: حيث توفر فقط 148 من الألوان RGB المحتملة البالغ عددها 16.7 مليون، والأسماء يمكن أن تكون خاضعة للتأويل (على سبيل المثال، "gray" هو #808080 بينما "darkgray" هو #A9A9A9، وهو أخف من "gray").对于 كود الإنتاج، يفضل معظم الفريق استخدام HEX أو HSL للتحكم الدقيق في الألوان والاتساق مع مواصفات التصميم.
Tips & Best Practices
-
1أسماء ألوان CSS غير حساسة لحالة الأحرف - "DarkBlue" و "darkblue" متطابقان
-
2على عكس المتوقع، "darkgray" (#A9A9A9) أفتح من "gray" (#808080)
-
3الألوان المحددة رائعة لاختبار البروتوتايب ولكن غالبًا ما يتم استبدالها بقيم HEX دقيقة في الإنتاج
-
4الكلمة "transparent" هي أيضًا لون CSS صالح يعادل rgba(0,0,0,0)
-
5rebeccapurple (#663399) كان آخر لون محدد تم إضافته، تكريمًا لـ Rebecca Meyer
Related Tools
مُحَوِّل HEX إلى RGB
قم بتحويل رموز الألوان HEX إلى قيم RGB في الحال مع معاينة مباشرة للعينة.
🎨 Color Tools
مُحَوِّل HEX إلى HSL
قم بتحويل رموز الألوان HEX إلى قيم HSL (درجة اللون، التشبع، الإضاءة).
🎨 Color Tools
محدد اللون
محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.
🎨 Color Tools
مجدّف ألوان Tailwind
ابحث عن فئة لون CSS Tailwind الأقرب لأي رمز HEX.
🎨 Color Tools
مرجع الألوان المسمى في CSS
استعرض جميع الألوان المسمى في CSS البالغ عددها 140+ مع البحث والترتيب حسب اللون أو الإضاءة.
🎨 Color ToolsFrequently Asked Questions
Q كم عدد أسماء ألوان CSS؟
Q هل تدعم جميع متصفحات الويب أسماء ألوان CSS؟
Q هل يمكنني استخدام أسماء الألوان في JavaScript؟
Q لماذا darkgray أفتح من gray؟
About This Tool
اسم اللون إلى HEX is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.