تعلم لغة css: الالوان Colors

الألوان  هي ما يعطي الحيوية  لصفحات الويب.

في هذا الموضوع سنرى:
  • طريقة تحديد الألوان، بما أن هناك العديد من الطرق للقيام بذلك.
  • معجم الألوان، وبعض المفردات التي يمكنها المساعدة في اختيار الألوان.
  • الألوان الخلفية سواءا لصفحة بكاملها أو جزء منها.

الألوان الأمامية   Forground Colors

خاصية اللون تسمح لك بتحديد لون النص داخل عنصر. بإمكانك فعل ذلك بثلاث طرق:

قيمة RGB

تعني كمية اللون الأحمر، الأخضر قم الأزرق المستعملة لصنع هذا اللون. مثلا،
 rgb(100,100,90)

أكواد HEX

يتكون من 6 أكواد تقدم كمية الأحمر، الأخضر، والأزرق في اللون، وتكتب بعد رمز هاش #. مثلا : #ee3e80

أسماء الألوان

يوجد 147 من الألوان المحددة بالإسم. مثلا: DarkCyan
/* إسم اللون */
h1 {
color: DarkCyan;}
/* hex كود */
h2 {
color: #ee3e80;}
/* rgb قيمة */
p {
color: rgb(100,100,90);}

الألوان الخلفية  Background Colors


يمكن تحديد لون الخلفية كما رأينا أعلاه بنفس الطريقة
body {
background-color: rgb(200,200,200);}
h1 {
background-color: DarkCyan;}
h2 {
background-color: #ee3e80;}
p {
background-color: white;}

الشفافية Opacity
يمكن كذلك جعل الخلفية شفافة بالقدر الذي تريد، ويتم ذلك عبر هذه الطريقة

أو باستعمال RGB
p.one {
background-color: rgb(0,0,0);
opacity: 0.5;}
p.two {
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.5);}

أداة اكواد الالوان html