FreeToGenerate.com

مجاني 100% · hex وRGB وHSL · بدون تسجيل

اضغط على أي كود لنسخه — والضغط على العيّنة ينسخ كود hex.

21 درجة
  • Baby Blue
  • LightBlueCSS
  • PowderBlueCSS
  • SkyBlueCSS
  • LightSkyBlueCSS
  • DeepSkyBlueCSS
  • Periwinkle
  • CornflowerBlueCSS
  • DodgerBlueCSS
  • Cerulean
  • SteelBlueCSS
  • Denim
  • RoyalBlueCSS
  • Cobalt Blue
  • Sapphire
  • BlueCSS
  • MediumBlueCSS
  • DarkBlueCSS
  • NavyCSS
  • Prussian Blue
  • MidnightBlueCSS

متوفر أيضًا بلغات أخرى: English · Español · Português · Français

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

21 درجة من الأزرق مع أكواد hex وRGB وHSL — من الأزرق الطفولي #89CFF0 إلى MidnightBlue #191970. اضغط على أي كود لنسخه مجاناً وبدون تسجيل.

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

الأزرق أكثر الألوان استخداماً في تصميم الواجهات والهويات التجارية، والدرجات الإحدى والعشرون أدناه تغطي مداه العملي كاملاً. أعلى القائمة جوّي — الأزرق الطفولي #89CFF0 وLightBlue #ADD8E6 وSkyBlue #87CEEB — ووسطها حيث تعيش الواجهات، مع DodgerBlue #1E90FF وCornflowerBlue #6495ED وRoyalBlue #4169E1، وأسفلها يقارب السواد عبر الكحلي #000080 والأزرق البروسي #003153 وMidnightBlue #191970.

تستحق مجموعتان الانتباه. أزرق الأصباغ — الكوبالت #0047AB والسفير #0F52BA والبروسي — عميق ومائل قليلاً إلى البنفسجي، وهو ما يقصده الناس عادة بالأزرق الغني. وأزرق الاستخدام العملي — SteelBlue #4682B4 والدنيم #1560BD والسيروليان #007BA7 — ممزوج بالرمادي، وهذا يجعله أسهل بكثير في الجلوس بجوار النص من الأزرق الصافي #0000FF، وهو لون مشبّع أكثر مما يحتمل الاستخدام في مساحة واسعة.

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

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

ماذا يوحي الأزرق

الأزرق هو الثقة الافتراضية. تجتمع عليه البنوك وشركات التأمين والمستشفيات ومنصات التواصل لأنه يُقرأ مستقراً وكفؤاً وغير انفعالي: الخيار الأكثر أماناً حين لا تحتمل العلامة التجارية أن تبدو مخاطِرة. وهذا الانتشار نفسه هو ضعفه: نادراً ما يبرز شعار أزرق داخل فئته.

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

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

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

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

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

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

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

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