FreeToGenerate.com

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

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

22 درجة
  • LightSalmonCSS
  • SalmonCSS
  • DarkSalmonCSS
  • LightCoralCSS
  • IndianRedCSS
  • Vermilion
  • Scarlet
  • RedCSS
  • Cadmium Red
  • Cherry
  • CrimsonCSS
  • Raspberry
  • Ruby
  • Carmine
  • Brick Red
  • FireBrickCSS
  • Blood Red
  • DarkRedCSS
  • MaroonCSS
  • Burgundy
  • Wine
  • Mahogany

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

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

22 درجة من الأحمر مع أكواد hex وRGB وHSL — من LightSalmon #FFA07A إلى بورجندي #800020. اضغط على أي كود لنسخه مجاناً وبدون تسجيل.

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

يحتل الأحمر شريط الطيف حول درجة 0° على عجلة الألوان، والدرجات الاثنتان والعشرون أدناه تغطيه من طرفه إلى طرفه. في الأعلى تقف الحُمر الفاتحة قليلة التشبّع مثل LightSalmon #FFA07A وLightCoral #F08080، ويتوسط القائمةَ الأحمرُ الصافي #FF0000، ثم تنحدر النهاية عبر الكرميني #960018 وDarkRed #8B0000 حتى بورجندي #800020، وهو أحمر عميق إلى حد أنه يُقرأ كلون محايد في المساحات الصغيرة.

النزول في القائمة يغيّر أمرين معاً: تنخفض الإضاءة، وهذا ما يحوّل القرمزي #FF2400 إلى أحمر الدم #880808، وتنزلق درجة اللون نفسها؛ فالزنجفري #E34234 يميل إلى البرتقالي، بينما قطع التوتي #E30B5C والياقوتي #E0115F معظم الطريق نحو الوردي. هذا الانزلاق هو سبب وجوب اختيار الحُمر المستخدمة معاً في صفحة واحدة من الشريط نفسه في القائمة لا بشكل عشوائي.

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

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

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

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

دلالاته الثقافية تنقسم بوضوح حسب الدرجة. الحُمر الزاهية تعني الاستعجال والشهية والعاطفة، ولذلك تتجمّع مطاعم الوجبات السريعة وبطاقات التصفية قرب #FF0000. أما الحُمر العميقة فتفعل العكس: بورجندي والنبيذي #722F37 والماهوجني #C04000 تُقرأ باهظة ومدروسة، وهي اللوحة المعتادة لملصقات النبيذ والمنتجات الجلدية ومكاتب المحاماة.

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

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

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

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

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

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

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