FreeToGenerate.com

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

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

24 درجة
  • PaleGreenCSS
  • LightGreenCSS
  • Pistachio
  • GreenYellowCSS
  • ChartreuseCSS
  • LimeCSS
  • LimeGreenCSS
  • Kelly Green
  • SpringGreenCSS
  • Mint
  • Emerald
  • Jade
  • MediumSeaGreenCSS
  • SeaGreenCSS
  • Sage
  • YellowGreenCSS
  • OliveDrabCSS
  • OliveCSS
  • Fern
  • ForestGreenCSS
  • GreenCSS
  • Hunter Green
  • DarkGreenCSS
  • Army Green

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

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

24 درجة من الأخضر مع أكواد hex وRGB وHSL — من PaleGreen #98FB98 إلى DarkGreen #006400. اضغط على أي كود لنسخه مجاناً وبدون تسجيل.

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

يغطي الأخضر من الطيف المرئي أكثر مما تغطيه أي عائلة أخرى، وبأربع وعشرين درجة فهذه أطول قائمة في الموقع. تبدأ من PaleGreen #98FB98 وLightGreen #90EE90 في الأعلى، وتمر بالوسط الكهربائي — الشارتروز #7FFF00 والليموني #00FF00 وSpringGreen #00FF7F — ثم تدخل درجات الأحجار الكريمة الزمردي #50C878 واليشمي #00A36C، وتخرج من الأسفل عبر ForestGreen #228B22 والأخضر الصيّاد #355E3B وDarkGreen #006400.

تنقسم العائلة أساساً بحسب الجار الذي تستند إليه. الخُضر المائلة إلى الأصفر مثل GreenYellow #ADFF2F وYellowGreen #9ACD32 وOliveDrab #6B8E23 تبدو عضوية وحادة قليلاً، والخُضر المائلة إلى الأزرق مثل MediumSeaGreen #3CB371 واليشمي تبدو باردة وطبية. أما المريمية #9CAF88 والأخضر العسكري #454B1B فيقفان بعيداً عن الاثنين: خُضرٌ نُزع عنها التشبّع كله تقريباً، ولهذا بالضبط تُقرأ راقية لا صاخبة.

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

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

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

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

ومعناه الثاني هو النمو بمعنييه: النباتي والمالي. المريمية والسرخس #4F7942 تحملان النبرة الطبيعية المستدامة الهادئة التي تعيش فيها علامات العافية والمنتجات العضوية، بينما يشير الزمردي وForestGreen الأعمق إلى المال والاستقرار والرسوخ. وهو أيضاً أكثر الدرجات راحة للعين لوقوعه في وسط الطيف حيث تركّز بأقل جهد، ولهذا يحتمل مساحات واسعة لا تحتملها ألوان مشبّعة أخرى.

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

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

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

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

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

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

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