---
title: Color Property
localeTitle: خاصية اللون
---
## خاصية لون CSS

يمكنك استخدام خاصية `color` لتعيين لون النص في عنصر.

يمكنك استخدام عدة طرق لإعلان لون مثل:

*   بالاسم (ملاحظة: هذا يعمل فقط مع ألوان معينة)

 `h1{ 
    color: blue; 
 } 
` 

*   سداسي عشري (تم تحديده كـ #rrggbb)

 `h1{ 
    color:  #0000ff; 
 } 
` 

*   RGB (تم تحديده على أنه rgb (r، g، b))

 `h1{ 
    color: rgb(0, 0, 255); 
 } 
` 

*   RGBA (تم تحديده كـ rgba (r، g، b، alpha))

 `h1{ 
    color: rgba(0, 0, 255, 0.5); 
 } 
` 

*   HSL (هوى ، خفة ، تشبع)

 `h1{ 
    color: hsl(240, 100%, 50%); 
 } 
` 

*   HSLA (هوى ، خفة ، تشبع ، ألفا)

 `h1{ 
    color: hsl(240, 100%, 50%, 0.5); 
 } 
` 

## خصائص CSS الألوان موضحة

*   الألوان بالاسم:
    
    *   هذه هي جميلة توضيحية لنفسها. كل لون يمثله اسمه.
*   عشري:
    
    *   يتم تمثيل هذه الألوان من قبل ثلاثة توائم.
    *   A hext ثلاثي هو رقم سداسي عشري مكون من ستة أرقام وثلاثة بايت.
    *   كل من وحدات البايت الثلاثة يمثل لون #RRGGBB (أحمر ، أخضر ، أزرق).
    *   يتم تمثيل اللون السداسي المختزل برقم سداسي عشري مكون من ثلاثة أرقام #RGB (أحمر ، أخضر ، أزرق).
*   ألوان RGB & RGBA:
    
    *   ألوان RGB هي ألوان 24bit (3byte) ممثلة بأربعة أرقام في نطاق 0-255. (على سبيل المثال rgb (255،255،128)).
    *   ألوان RGBA هي ألوان 32bit (4byte) ممثلة بأرقام 3 في نطاق 0-255 وقيمة alpha التي تتحكم في العتامة. (على سبيل المثال rgb (255،255،128، 0.3)).
*   ألوان HSL و HSLA:
    
    *   يتم تمثيل ألوان HSL بثلاث قيم (HUE ، Saturation ، Lightness).
    *   يتم تمثيل ألوان HSLA بأربعة قيم (HUE ، Saturation ، Lightness ، Alpha). Alpha يتحكم في العتامة.

#### معلومات اكثر

*   موقع W3 Schools حول كيفية تنسيق [النص](https://www.w3schools.com/css/css_text.asp) .
*   موقع مدارس W3 على [الألوان](https://www.w3schools.com/colors/default.asp) .
*   خاصية اللون على [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) .
*   وثائق على [w3.org](https://www.w3.org/wiki/CSS/Properties/color) .