أحدث البرامج التعليمية وتطوير الشبكة
 

Colors البرنامج التعليمي


يتم عرض الألوان الجمع بين الأحمر والأخضر والأزرق والضوء.


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

مع CSS، والألوان يمكن تعيين باستخدام أسماء الألوان:

مثال

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
انها محاولة لنفسك »

قيم CSS اللون

مع CSS، والألوان يمكن أن تكون محددة في طرق مختلفة:

  • بواسطة أسماء الألوان
  • كما قيم RGB
  • كما القيم الست عشرية
  • كقيم هسل (CSS3)
  • كقيم HWB (CSS4)

ألوان RGB

ويدعم قيم الألوان RGB في جميع المتصفحات.

تم تحديد قيمة لون RGB مع: RGB (الأحمر والأخضر والأزرق).

كل معلمة (الأحمر والأخضر والأزرق) تحدد كثافة اللون كعدد بين 0 و 255.

على سبيل المثال، يتم تقديم RGB (0،0،255) كما الأزرق، بسبب تعيين المعلمة الزرقاء إلى أعلى قيمة له (255)، ومن المقرر أن البعض الآخر إلى 0.

مثال

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
انها محاولة لنفسك »

وغالبا ما تعرف ظلال من الرمادي باستخدام قيم متساوية لجميع مصادر الضوء 3:

مثال

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
انها محاولة لنفسك »

الألوان الست عشرية

ويدعم قيم الألوان الست عشرية أيضا في جميع المتصفحات.

يتم تحديد اللون عشري مع: #RRGGBB.

RR (الحمراء)، GG (الخضراء) وBB (الأزرق) أعداد صحيحة الست عشرية بين 00 و FF تحديد كثافة اللون.

على سبيل المثال، يتم عرض # 0000FF كما الأزرق، بسبب تعيين عنصر الأزرق إلى أعلى قيمة له (FF) ويتم تعيين آخرين إلى 00.

مثال

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue
انها محاولة لنفسك »

وغالبا ما تعرف ظلال من الرمادي باستخدام قيم متساوية لجميع مصادر الضوء 3:

مثال

Color HEX RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White
انها محاولة لنفسك »

حالة العليا أو السفلى حالة؟

يمكنك استخدام حالة العلوي أو السفلي الحروف لتحديد القيم الست عشرية.

ملاحظة الحالة الأدنى هي أسهل في الكتابة. حالة العليا هي أسهل للقراءة.

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

CSS يدعم 140 أسماء الألوان القياسية.

في الفصل التالي سوف تجد قائمة أبجدية كاملة بأسماء اللون مع القيم الست عشرية:

Color Name Hex Color
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4