درجات الرمادي: أكواد hex وRGB وHSL

ما الذي يُعد درجة من الرمادي؟

الرمادي هو ما ينتج حين تتساوى قيم الأحمر والأخضر والأزرق: الرمادي #808080 هو ذلك تماماً، ومثله LightGray #D3D3D3 والفضي #C0C0C0 وDimGray #696969. تمتد الدرجات الست عشرة أدناه من Gainsboro #DCDCDC في الطرف الفاتح حتى DarkSlateGray #2F4F4F، وهي العمود الفقري لأي واجهة تقريباً: الحدود والفواصل والحالات المعطّلة والنص الثانوي كلها تعيش في هذه القائمة.

المداخل المثيرة للاهتمام هي غير المحايدة تماماً. فـ SlateGray #708090 وLightSlateGray #778899 يحملان مسحة زرقاء، ورمادي الرماد #B2BEB5 يميل إلى الأخضر، والفحمي #36454F أزرق بما يكفي ليُقرأ شبه كحلي في الأحجام الصغيرة. هذه الرماديات المشوبة هي ما يجعل اللوحة تبدو مقصودة: الصفحة المبنية من محايدات صرفة فقط تبدو مسطّحة غالباً، بينما تبدو مؤلَّفة حين تشترك رماديّاتها في مسحة خفيفة مع لون العلامة.

كيف تستخدم أكواد الألوان هذه

1. ابحث عن درجتك. القائمة مرتبة من الأفتح إلى الأغمق، مع عيّنة حية بجانب كل اسم — تصفّحها كما تتصفّح كتالوج ألوان الدهان.
2. اضغط على أي كود لنسخه. كل صف يحمل قيمة hex وRGB وHSL لذلك اللون، وضغطة واحدة تنسخ النص كما هو إلى الحافظة.
3. الصقه في مشروعك. ضع كود hex في CSS أو فيغما أو فوتوشوب أو مستند عادي. الضغط على العيّنة نفسها ينسخ hex أيضاً، فلا حاجة لتصويب المؤشر على النص الصغير.

ماذا يوحي الرمادي

الرمادي لون ضبط النفس. يوحي بالحياد والمهنية والدقة، وهو أأمن لون للمساحات الواسعة لأنه لا ينافس المحتوى أبداً — ولهذا بالذات يتكئ عليه التصميم التحريري وتصميم الواجهات كثيراً.

وخطره هو الوجه الآخر للميزة نفسها: الإفراط في الرمادي بلا استراحة يُقرأ كئيباً أو مؤسسياً أو غير مكتمل. والعلاج نادراً ما يكون مزيداً من اللون، بل مزيداً من مدى التباين — مقابلة Gainsboro بالفحمي بدل حشد عدة رماديات متوسطة معاً. والفضي والقصديري #899499 يضيفان نبرة معدنية توحي بالتقنية والعتاد الفاخر، ولهذا يسيطران على الإلكترونيات الاستهلاكية.

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

كود hex دقيق، لكن اللون الذي تراه ليس كذلك. اللون #FF0000 نفسه يبدو مختلفاً على هاتف OLED وعلى شاشة مكتبية رخيصة وعلى صفحة مطبوعة، لأن لكل جهاز نطاق ألوان ومعايرة خاصين به. تعامل مع هذه القيم كنقطة انطلاق دقيقة للشاشات، وراجع دائماً نسخة مطبوعة تجريبية قبل اعتماد لون للطباعة: نظام CMYK لا يستطيع إنتاج كل درجة مذكورة هنا.

أسماء الألوان تخلط أمرين. ما يحمل شارة CSS هو من الألوان المسماة رسمياً: الاسم نفسه يعمل داخل ملف الأنماط، وكل المتصفحات تترجمه إلى قيمة hex ذاتها بالضبط. أما البقية فأسماء متعارف عليها — بورجندي، مريمية، إسبريسو — لا تملكها أي جهة معيارية. قيمها تتبع العُرف الأكثر تداولاً، لكن كتالوجاً آخر قد يضعها أفتح أو أغمق بقليل، لذا اذكر كود hex لا الاسم حين تكون القيمة الدقيقة مهمة.

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

يُبقي موقع FreeToGenerate.com كل أدواته مجانية فعلاً. هذه الصفحة قائمة ثابتة من قيم الألوان تُعرض داخل متصفحك: لا شيء لتثبيته، ولا حساب، ولا نسخة مدفوعة تحجب نصف اللوحة. انسخ ما تشاء من الأكواد، وقتما تشاء.

عائلات ألوان أخرى

الأحمرالبرتقاليالأصفرالأخضرالسماويالأزرقالبنفسجيالورديالبنيالأسودالأبيضكل عائلات الألوان