تعلم لغة css: الالوان Colors
الألوان هي ما يعطي الحيوية لصفحات الويب.
في هذا الموضوع سنرى:
يمكن تحديد لون الخلفية كما رأينا أعلاه بنفس الطريقة
أداة اكواد الالوان html
في هذا الموضوع سنرى:
- طريقة تحديد الألوان، بما أن هناك العديد من الطرق للقيام بذلك.
- معجم الألوان، وبعض المفردات التي يمكنها المساعدة في اختيار الألوان.
- الألوان الخلفية سواءا لصفحة بكاملها أو جزء منها.
الألوان الأمامية 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
لكل سؤال أو إضافة، يرجى كتابة تعليقك في الخانة اسفله