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

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

هناك أسود حقيقي واحد فقط، #000000، والمداخل الإحدى عشرة الأخرى أدناه هي أشباه السواد التي يستعملها المصممون فعلاً: الفحمي #36454F والعقيقي #353935 والأسود السبجي #343434 والأسود المطفي #28282B وأسود الزبيب #242124 وعرق السوس #1B1212 وغيرها. كل واحد منها يحتفظ بأثر من درجة لونية — الفحمي أزرق، وعرق السوس أحمر، والأبنوسي #555D50 أخضر — وهذا الأثر هو المقصود بالضبط.

الأسود الصافي #000000 فوق الأبيض الصافي هو أعلى تباين تنتجه الشاشة، وهو للنصوص الطويلة أكثر من اللازم عادة: الوهج يجعل الحواف ترتجف ويُتعب العين، خصوصاً على شاشات OLED حيث تكون البكسلات السوداء مطفأة فعلياً. لذلك تضبط أغلب التصاميم المتقنة نص المتن على #1B1B1B أو #242124 وتحتفظ بالأسود الصافي للمسات التمييز. والقاعدة نفسها تسري في الطباعة، حيث يُطبع الأسود الغني الممزوج بأحبار أخرى أفضل بكثير من 100% أسود وحده.

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

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

ماذا يوحي الأسود

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

وهو أيضاً أشد الألوان ارتهاناً بالسياق. في التصميم الغربي يحمل الأسود الحداد والرقيّ معاً من دون لبس عملي، لأن السياق هو ما يحدد أيهما ينطبق. وفي معظم شرق آسيا يشغل الأبيض دور لون الحداد بدلاً منه. وحين يُستعمل خلفيةً فإنه يجعل الألوان الموضوعة فوقه تبدو أكثر تشبّعاً، وهو ما يخدم تصوير المنتجات ويفرض تخفيف حدة ألوان التمييز في الأنماط الداكنة للواجهات.

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

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

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

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

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

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

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