قائمة أسماء الألوان الكاملة مع أكواد hex وrgb

ما هي أسماء الألوان؟

أسماء الألوان هي كلمات إنجليزية متعارف عليها، مثل crimson أو steelblue أو gold، تشير كل واحدة منها إلى لون محدد بدقة بدلاً من كتابة كود hex أو قيمة rgb() طويلة. جزء منها معرَّف رسمياً في مواصفة CSS ويعمل مباشرة داخل أي ملف أنماط، وجزء آخر أسماء شائعة اعتاد المصممون تداولها من دون أن تتبنّاها أي جهة معيارية.

تجمع هذه الصفحة 220 اسماً موزّعة على 12 عائلة لونية — من الأحمر والبرتقالي إلى الرمادي والأسود والأبيض — بحيث تجد الاسم وكوده hex وقيمته rgb() في مكان واحد، مع إمكان البحث والتصفية بدل التمرير في قائمة طويلة.

طريقة الاستخدام

1. اكتب اسم اللون أو كوده في حقل البحث. تُختصر القائمة فوراً أثناء الكتابة، سواء أدخلت «crimson» أو «dc143c»، ويعرض العدّاد كم لوناً طابق بحثك.
2. فعّل مربع «ألوان CSS الرسمية فقط» عند الحاجة. تنحصر النتائج حينها في الأسماء الـ121 التي تعمل كما هي داخل أي ملف أنماط.
3. اضغط على الاسم أو الكود لنسخه. تظهر علامة صح لثانيتين تأكيداً للنسخ، ويمكنك أيضاً فتح صفحة درجات العائلة كاملة من رابط عنوانها.

متى تستخدم الاسم بدل كود hex

اسم اللون أوضح للعين من كود hex عند قراءة ملف أنماط أو شرحه لغيرك: سطر مثل background: tomato أسهل تذكراً وفهماً من background: #FF6347، وهذا يجعل الأسماء خياراً عملياً في النماذج الأولية السريعة، والأمثلة التعليمية، وأي كود مؤقت لا يحتاج ضبطاً دقيقاً للون.

أما لوحات الألوان في المشاريع الفعلية فتبقى شبه حصرية على hex أو rgb، لأن أسماء الألوان محدودة العدد (نحو 148 اسماً في CSS نفسها) ولا تمنحك تحكماً دقيقاً في الدرجة، بينما تُصدِّر برامج مثل Figma كل لون كـ hex مباشرة، فيصبح استخدام الاسم استثناءً لا قاعدة.

حدود يجب معرفتها

يعرّف CSS نحو 148 اسم لون، مع احتساب gray وgrey اسمين مختلفين رسمياً. تعرض هذه الصفحة 121 اسماً منها فقط، وهي التي تقع ضمن العائلات الاثنتي عشرة المعتمدة هنا. أما الأسماء الـ99 الأخرى المعروضة هنا — مثل بورجندي أو مريمية أو إسبريسو — فأسماء متعارف عليها لا تملكها أي جهة معيارية، وقد تجدها بدرجة أفتح أو أغمق قليلاً في كتالوج آخر.

الأسماء الرسمية ورثت غرابتها من لوحة X11 القديمة التي انتقلت إلى CSS كما هي: فـ DarkGray (#A9A9A9) أفتح فعلياً من Gray (#808080)، ولا منطق ثابت وراء هذا الترتيب. كذلك تقبل عائلة الرمادي صيغتين متكافئتين لكل اسم (gray/grey، darkgray/darkgrey، slategray/slategrey)، وهذه القائمة تعرض صيغة واحدة فقط لكل لون، كما أن الأسماء عموماً لا تفرّق بين الحروف الكبيرة والصغيرة. وتذكّر أن كل القيم بنظام sRGB، فما تراه على شاشتك يتغيّر بحسب نطاق ألوانها ومعايرتها، ولا تعيد طباعة CMYK إنتاج هذه الألوان كلها بأمانة.

لماذا هي مجانية؟

تعمل هذه الأداة بالكامل داخل متصفحك من دون رفع أي بيانات إلى خادم، ولا تطلب إنشاء حساب، ولا تضع علامة مائية على أي نتيجة، ولا توجد نسخة مدفوعة تفتح ميزات إضافية — الألوان الـ220 كلها وأكوادها متاحة مجاناً كما هي.