4- ألوان Css

4- ألوان Css

يتم تحديد ألوان Css باستخدام أسماء ألوان محددة مسبقًا ، أو قيم RGB ، و HEX ، و HSL ، و RGBA ، و HSLA.

أسماء ألوان CSS

في CSS ، يمكن تحديد لون باستخدام اسم لون محدد مسبقًا:

  • Tomato
  • Orange
  • Dodger
  • Blue
  • Sea
  • Green
  • Gray
  • Slate
  • Blue
  • Violet
  • Light
  • Gray

لون خلفية CSS

يمكنك ضبط لون الخلفية لعناصر HTML:

مثال

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

لون نص CSS

يمكنك ضبط لون النص:

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

لون حدود CSS

يمكنك ضبط لون الحدود:

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

قيم ألوان CSS

في CSS ، يمكن أيضًا تحديد الألوان باستخدام قيم RGB وقيم HEX وقيم HSL وقيم RGBA وقيم HSLA:

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

يمكنك زيارة موقع w3schools لتعرف على المزيد من الأولوان والحصول على الكود المناسب