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

ماذا تجد في هذه الصفحات

تسرد كل صفحة عائلة درجاتها المسماة من الأفتح إلى الأغمق، مع عيّنة حية واسم اللون وثلاثة أكواد جاهزة للنسخ: hex لـ CSS وأدوات التصميم، وRGB لما يطلب قيم القنوات، وHSL حين تحتاج إلى ضبط الإضاءة أو التشبّع يدوياً. الضغط على أي كود ينسخه، والضغط على العيّنة ينسخ كود hex.

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

كيف تختار درجة تنجح فعلاً

ألوان العائلة الواحدة نادراً ما تتصادم، لذا أسرع طريقة لبناء لوحة عملية هي أخذ قيمة فاتحة وأخرى متوسطة وثالثة داكنة من صفحة واحدة، واستخدام عائلة ثانية للمسات التمييز فقط. فإن كان اللون سيقع خلف نص فاخترْه من أعلى القائمة وتحقق من التباين، وإن كان سيحمل عنواناً أو زراً فخذه من الوسط لا من الطرفين.

وانتبه لانزلاق الدرجة عند طرفَي كل عائلة: أغمق الحُمر انزلقت نحو البني، وأغمق الصُّفر نحو الزيتوني، وأفتح الورديّات نحو الأبيض — ودرجتان من طرفين متقابلين في الصفحة نفسها قد تبدوان كأنهما من لوحتين مختلفتين تماماً.

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

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