أكواد الألوان - Color Codes
أكواد الألوان: تصفح قائمة كاملة بالألوان مع أكواد HEX وRGB وHSL. انسخ كود أي لون بنقرة واحدة. أداة أساسية للمصممين والمطورين ومحبي التصميم.
ابحث عن اللون بالاسم أو كود HEX، أو اختر لوناً مخصصاً باستخدام منتقي الألوان. اضغط على أي لون لنسخ كود HEX مباشرة.
لماذا نحتاج أكواد الألوان؟ أكواد الألوان هي لغة المصممين والمطورين. تُستخدم في تصميم المواقع، التطبيقات، الشعارات، الإعلانات، والمطبوعات. كل لون له كود فريد (HEX أو RGB) يضمن الحصول على نفس اللون بالضبط على جميع الأجهزة والمنصات.
ما الفرق بين HEX و RGB و HSL؟ HEX هو كود سداسي عشري (مثل #FF5733) يستخدم في CSS والمواقع. RGB يعتمد على نسب الأحمر والأخضر والأزرق (مثل 255,87,51). HSL يعتمد على درجة اللون والتشبع والإضاءة، وهو أكثر سهولة للتعديل.
هل تعلم؟ العين البشرية قادرة على تمييز حوالي 10 ملايين لون مختلف. لكن الشاشات تعرض فقط 16.7 مليون لون (24-bit). هذا يعني أن جميع الألوان التي تراها على الشاشات هي مزيج من ثلاثة ألوان أساسية: الأحمر والأخضر والأزرق.
أكواد الألوان
منتقي الألوان
كيفية استخدام أكواد الألوان شرح
- البحث : اكتب اسم اللون (مثل "أحمر" أو "red") أو كود HEX (مثل FF5733) في مربع البحث.
- الفلترة : استخدم الأزرار لعرض الألوان الدافئة، الباردة، المحايدة، الأساسية، الساطعة، الداكنة، الفاتحة، أو الباستيل.
- النسخ : اضغط على أي لون لنسخ كود HEX الخاص به. أو استخدم أزرار النسخ بجانب كل كود.
- منتقي الألوان : استخدم منتقي الألوان في الأعلى لاختيار لون مخصص والحصول على أكواده HEX وRGB وHSL فوراً.
- HEX : كود سداسي عشري يبدأ بعلامة # (مثل #FF5733). يُستخدم في CSS وHTML.
- RGB : ثلاثة أرقام بين 0 و255 (مثل 255, 87, 51). يُستخدم في CSS والشاشات.
- HSL : درجة اللون (0-360)، التشبع (0-100%)، الإضاءة (0-100%). يُستخدم للتعديل السهل.
- الهدف : توفير مرجع سريع لأكواد الألوان للمصممين والمطورين.
نصيحة احترافية : عند اختيار ألوان لموقعك، استخدم 2-3 ألوان أساسية فقط، وضع 60% للون الأساسي، 30% للثانوي، و10% للون التمييز. هذا يعرف بـ "قاعدة 60-30-10" ويجعل التصميم متناسقاً واحترافياً.
ما هو الغرض من هذا الكود؟ شرح
- الهدف : توفير مرجع كامل لأكواد الألوان مع بحث وفلترة ومنتقي ألوان.
- الاستخدام : ابحث عن اللون أو اختره من المنتقي، وانسخ الكود المطلوب.
- الميزات : أكثر من 200 لون، أكواد HEX/RGB/HSL، بحث فوري، 9 فلاتر (دافئة/باردة/محايدة/أساسية/ساطعة/داكنة/فاتحة/باستيل)، منتقي ألوان، نسخ بنقرة.
- الجمهور المستهدف : المصممون، المطورون، صناع المحتوى، وأي شخص يحتاج أكواد ألوان.
- الخصوصية : كل شيء يعمل محلياً في متصفحك، لا يتم إرسال أي بيانات إلى خادم.
- التوافق : يعمل على جميع الأجهزة والمتصفحات الحديثة دون الحاجة إلى تثبيت أي برنامج.
أنظمة أكواد الألوان معلومات
نظام HEX
HEX هو كود سداسي عشري يتكون من 6 خانات (مثل #FF5733). الخانتان الأوليان للأحمر، التاليتان للأخضر، والأخيرتان للأزرق. كل خانة من 0 إلى F (16 قيمة). يُستخدم بشكل أساسي في CSS وHTML.
نظام RGB
RGB يرمز إلى الأحمر والأخضر والأزرق. كل لون يُمثل بثلاثة أرقام بين 0 و255 (مثل rgb(255,87,51)). مزيج هذه الألوان الثلاثة ينتج جميع الألوان على الشاشة. هو نظام إضافي للضوء.
نظام HSL
HSL يرمز إلى Hue (درجة اللون 0-360)، Saturation (التشبع 0-100%)، Lightness (الإضاءة 0-100%). يُستخدم لأنه أكثر سهولة في التعديل. مثلاً يمكنك تغيير درجة اللون مع الحفاظ على التشبع والإضاءة.
نظام CMYK
CMYK يرمز إلى Cyan، Magenta، Yellow، Key (أسود). يُستخدم في الطباعة. على عكس RGB (إضافي)، CMYK نظام طرحي حيث كل لون يُمتص من الضوء الأبيض. هو أساس الطباعة الملونة.
ألوان الويب الآمنة
ألوان الويب الآمنة (Web Safe Colors) هي 216 لوناً كانت مضمونة العرض على جميع الشاشات القديمة (8-bit). اليوم، مع الشاشات الحديثة (24-bit)، لم تعد هذه القيود موجودة، لكن بعض المطورين لا يزالون يستخدمونها.
أسئلة شائعة FAQ
هل الأداة مجانية بالكامل؟
نعم! الأداة مجانية بالكامل، بدون تسجيل، بدون اشتراك، وبدون حدود على عدد المرات التي تستخدمها فيها.
كم عدد الألوان في القائمة؟
الأداة تحتوي على أكثر من 200 لون مقسمة إلى 9 فئات: دافئة، باردة، محايدة، أساسية، ساطعة، داكنة، فاتحة، باستيل. يمكنك البحث في جميع الألوان بالاسم العربي أو الإنجليزي أو بالكود.
كيف أنسخ كود اللون؟
اضغط على أي بطاقة لون لنسخ كود HEX مباشرة. أو استخدم أزرار النسخ بجانب كل كود في منتقي الألوان لنسخ HEX أو RGB أو HSL.
ما أفضل كود لون للاستخدام في التصميم؟
HEX هو الأكثر شيوعاً للويب والتطبيقات. RGB مفيد عند التعامل مع الشاشات. HSL مفيد للتعديل السريع. جميع الأنظمة صحيحة، اختر ما يناسب سير عملك.
هل أحتاج تسجيل دخول أو دفع؟
لا. الأداة مجانية بالكامل، بدون تسجيل، بدون اشتراك، وبدون إعلانات مزعجة داخل الأداة نفسها.
نصائح لاختيار الألوان نصائح
قاعدة 60-30-10 : استخدم 60% من اللون الأساسي، 30% للثانوي، 10% للون التمييز. هذا يخلق توازناً بصرياً مريحاً.
التباين : تأكد من وجود تباين كافٍ بين النص والخلفية. النص الأسود على خلفية بيضاء يعطي أفضل قراءة.
الألوان المكملة : استخدم ألواناً متقابلة على عجلة الألوان للحصول على تباين جذاب (مثل الأزرق والبرتقالي).
السياق : اختر الألوان حسب طبيعة المشروع. الألوان الهادئة للمحتوى الطويل، الألوان الزاهية للإعلانات والأزرار.
الاختبار : اختبر التصميم على شاشات مختلفة وفي ظروف إضاءة مختلفة قبل النشر النهائي.