English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
هناك عدة طرق يمكن استخدامها لتحديد قيم الألوان في CSS.
كلمات اللون المفتاحية هي تعريفات غير متميزة لحجم الأحرف، وتعرف اللون المحدد، مثل red،green،blue،yellow،black وما إلى ذلك.
h1 {
color: red;
}
p {
background-color: yellow;
}الاختبار لمعرفة‹/›تحذير:دعم كلمات اللون المفتاحية يختلف بين المتصفحات، لذا من الأمان أن تستخدم الرموز السداسية أو الرموز المميزة.
انظركلمات اللونالقائمة الكاملة
كلمة 'شفاف' تعني لون شفاف تمامًا.
الكلمة المفتاحية يمكن اعتبارها شكل مختصر لأسود شفاف rgba(0,0,0,0)، وهي قيمتها الحسابية أيضًا.
h1 {
color: transparent;
}
p {
background-color: transparent;
}الاختبار لمعرفة‹/›ملاحظة: CSS 2.1 يسمح بوجود فقط اثنين من الخصائص:background-colorوborder-colorيقبل الكلمة المفتوحة transparent. ولكن، расширил CSS3 значения цветов, чтобы включить ключевое слово transparent, чтобы можно было использовать его с любыми свойствами, принимающими значения цветов.
نموذج الألوان RGB (أحمر، أخضر، أزرق) هو أكثر الطرق شيوعًا لتحديد قيم الألوان في CSS. يمكن استخدام نموذج RGB لتحديد الألوان بطرقين:
قيم RGB في الشكل السداسي تتكون من ثلاثة أو ستة أحرف سداسية عشرية (0-9، af) التي تأتي بعدها مباشرة.
عند استخدام الرموز الستة (rrggbb)، تمثل الأزواج الأولى (rr) قيمة الأحمر، والأزواج الثانية (gg) قيمة الأخضر، والأزواج الأخيرة (bb) قيمة الأزرق.
h1 {
color: #f80;
}
p {
background-color: #ff8800;
}الاختبار لمعرفة‹/›نصيحة:الشكل السداسي الثلاثي (rgb) يمكن تحويله إلى شكل سداسي سداسي (rrggbb) عن طريق نسخ الرقم بدلاً من إضافة الصفر. على سبيل المثال: يمكن توسيع #03f إلى #0033ff، ولكن هذان القيمان يمثلان نفس اللون.
قيم RGB في طريقة الدالة تحدد كالتالي: rgb(أحمر، أخضر، أزرق). حيث، كل متغير (أحمر، أخضر وأزرق) يحدد شدة اللون، يمكن أن يكون قيمة كاملة (من 0 إلى 255) أو قيمة نسبية (من 0% إلى 100%).
العدد الكامل 255 يعادل 100%， بالشكل السداسي عشري (f أو ff): على سبيل المثال، rgb(0,255,255) = rgb(0%，100%，100%) = #0ff، جميع القيم تعبر عن نفس اللون، أي aqua. يسمح بالفراغ حول القيم.
h1 {
color: rgb(0,255,255);
}
p {
background-color: rgb(0%,100%,100%);
}الاختبار لمعرفة‹/›القيمة 0 أو 0% تعني عدم وجود قيمة لون معينة، بينما القيمة 255، 100% و f أو ff تعني أن القيمة اللونية موجودة تمامًا.
ملاحظة:القيم التي تتجاوز النطاق الصالح (0-255 أو 0%-100%) سيتم قطعها أو تعديلها تلقائيًا إلى نطاق يدعمه الجهاز.
للإطلاع علىألوان CSS3التدريب، لمعرفة الرموز الجديدة (مثل) rgba()، hsl() و hsla() لتحديد قيم الألوان.