FreeToGenerate.com

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

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

16 درجة
  • LightYellowCSS
  • LemonChiffonCSS
  • Canary Yellow
  • YellowCSS
  • Lemon Yellow
  • Maize
  • Mustard
  • PaleGoldenrodCSS
  • KhakiCSS
  • DarkKhakiCSS
  • GoldCSS
  • Saffron
  • GoldenrodCSS
  • DarkGoldenrodCSS
  • MoccasinCSS
  • PeachPuffCSS

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

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

16 درجة من الأصفر مع أكواد hex وRGB وHSL — من LightYellow #FFFFE0 إلى DarkGoldenrod #B8860B. اضغط على أي كود لنسخه مجاناً وبدون تسجيل.

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

الأصفر أشد الدرجات لمعاناً في نظر العين، والدرجات الست عشرة أدناه تُظهر ضيق المساحة المتاحة له. فـ LightYellow #FFFFE0 وLemonChiffon #FFFACD يكادان يكونان أبيضين، والأصفر الصافي #FFFF00 أقصى ما تبلغه العائلة من تشبّع، ومن هناك لا اتجاه إلا نحو الذهبي والزيتوني: الذهبي #FFD700 وGoldenrod #DAA520 وDarkGoldenrod #B8860B.

هذا المدى القصير مشكلة عملية. لا يمكن تغميق الأصفر مع بقائه أصفر: اخفض الإضاءة فيصير خردلياً #FFDB58، ثم يصير DarkKhaki #BDB76B العَكِر، ثم شيئاً تصنّفه العين بنياً. ومن يحتاج أصفر داكناً يلجأ عادة إلى الزعفراني #F4C430 أو Goldenrod، فهما يبقيان الدرجة مقروءة مقابل التخلي عن الوهج.

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

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

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

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

وهو كذلك أصعب الألوان استعمالاً. الأصفر الصافي #FFFF00 فوق الأبيض يكاد يكون غير مقروء ويُتعب العين خلال فقرة واحدة، لذا يعمل الأصفر خلفيةً أو لمسة تمييز لا نصاً. أما النسخ الأدفأ والأعمق — الذهبي والزعفراني والذُّرة #FBEC5D — فتحمل التفاؤل بلا إجهاد، ولهذا تسيطر على الهويات التجارية بينما يبقى الأصفر الصافي على لوحة الخطر.

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

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

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

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

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

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

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