مكتبات ألوان W3.CSS
مكتبات الألوان
مكتبات الألوان عبارة عن ملفات CSS صغيرة تحتوي على قيم ألوان شائعة الاستخدام مثل معايير الأمان وألوان الطرق السريعة وألوان الموضة وألوان التمويه والمزيد.
باص المدرسة
فالكون ريدج باركواي
توقف
كيفية استخدام مكتبات الألوان
مكتبات الألوان سهلة الاستخدام. ما عليك سوى إضافة ارتباط إلى مكتبة الألوان في صفحة الويب الخاصة بك:
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-colors-highway.css">
بعد ذلك ، أضف اسم فئة إلى عنصر HTML الذي تريد تلوينه:
<div class="w3-highway-schoolbus">Schoolbus</div>
<div
class="w3-highway-green">Falcon Ridge Parkway</div>
<div
class="w3-highway-red">STOP</div>
ألوان الطرق السريعة بالولايات المتحدة
| w3-الطريق السريع-بني |
| w3 الطريق السريع الأحمر |
| w3- الطريق السريع- البرتقالي |
| w3 الطريق السريع حافلة مدرسية |
| w3- الطريق السريع- الأصفر |
| w3- الطريق السريع- الأخضر |
| w3- الطريق السريع- الأزرق |
يتم تحديد ألوان الطرق السريعة في المعيار الفيدرالي 595 .
ألوان السلامة الأمريكية
| w3- السلامة- الأحمر |
| w3- السلامة- البرتقالي |
| w3- السلامة- الأصفر |
| w3- السلامة- الخضراء |
| w3- السلامة- الأزرق |
| w3- سلامة الأرجواني |
يتم تحديد ألوان الأمان الأمريكية في المعيار الفيدرالي 595 .
ألوان الإشارة الأوروبية
| W3- إشارة- صفراء |
| W3- إشارة- برتقالي |
| W3- إشارة حمراء |
| w3- إشارة البنفسجي |
| W3- إشارة- أزرق |
| W3- إشارة- خضراء |
| W3- إشارة- رمادي |
| w3-إشارة-بني |
| W3- إشارة بيضاء |
| W3- إشارة- أسود |
مثال
<div class="w3-signal-red">Stop</div>
<div
class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
تنزيل CSS »
يتم تحديد ألوان الإشارة الأوروبية في معيار ألوان RAL .
الوان براقة
| w3-وردي-حيوي |
| w3-vivid-red |
| w3-vivid-orange |
| w3-vivid-yellow |
| w3-vivid-green |
| w3-vivid-blue |
| w3-بنفسجي-حيوي |
| w3-vivid-الأرجواني |
| w3-vivid-black |
| w3-vivid-white |
| w3-وردي-مشرق-مصفر |
| w3-vivid-reddish-برتقالي |
| w3-vivid-برتقالي-أصفر |
| w3- مشرق- أصفر مخضر |
| w3- مشرق- أصفر- أخضر |
| w3- مشرق- مصفر- أخضر |
| w3- أخضر-مزرق-حيوي |
| w3- حية-خضراء-زرقاء |
| w3-vivid-ارجوانى-ازرق |
| w3-vivid-reddiver-أرجواني |
| w3-vivid-ارجوانى-أحمر |
مثال
<div class="w3-vivid-red">
<p>London is the most populous city in the
United Kingdom,
with a metropolitan area of over 9 million
inhabitants.</p>
</div>
تنزيل CSS »
يتم تحديد الألوان الزاهية في ISCC-NBS .
ألوان الطعام
| w3-food-apple |
| w3- الغذاء- الهليون |
| w3- طعام-مشمش |
| w3- الغذاء-الباذنجان |
| w3- طعام-أفوكادو |
| w3- طعام-موز |
| w3- زبدة الطعام |
| w3-food-blueberry |
| w3- الغذاء-الكرز |
| w3-food-chocolate |
| w3- الغذاء-التوت البري |
| w3-food-coffee |
| w3- طعام-بيض |
| w3- طعام- عنب |
| w3- الغذاء-الكيوي |
| w3- طعام-ليمون |
| w3- الغذاء-الجير |
| w3- طعام-مانجو |
| w3- فطر- فطر |
| w3- فود-خردل |
| w3- الغذاء-النعناع |
| w3- طعام-زيتون |
| w3- فود-أورانج |
| w3 الغذاء البازلاء |
| w3- الغذاء-الخوخ |
| w3- طعام-كمثرى |
| w3- طعام-فستق |
| w3- الغذاء-البرقوق |
| w3 الغذاء التوت |
| w3- طعام-زعفران |
| w3-food-salmon |
| w3- الغذاء-النعناع |
| w3 الغذاء الاسكواش |
| w3- طعام-فراولة |
| w3- طعام-طماطم |
| w3- طعام-قمح |
| w3-food-wine |
ألوان التمويه
| w3-كامو-بني |
| w3-كامو-أحمر |
| w3-كامو-زيتون |
| w3-camo-field |
| w3-كامو-إيرث |
| w3-كامو الرمال |
| w3-كامو-تان |
| w3-كامو-الحجر الرملي |
| w3-camo-dark-green |
| w3-camo-forest |
| w3-camo-light-green |
| w3- كامو-جرين |
| w3-كامو-رمادي غامق |
| w3-كامو-غراي |
| w3-كامو-أسود |
مثال
<div class="w3-camo-earth">Camouflaged Truck</div>
<div
class="w3-camo-grey">Camouflaged Ship</div>
تنزيل CSS »
تم تحديد ألوان التمويه في المعيار الفيدرالي 595 .