ألوان HEX HTML

يتم تحديد اللون السداسي عشري بـ: #RRGGBB ، حيث تحدد الأعداد الصحيحة السداسية العشرية RR (أحمر) و GG (أخضر) و BB (أزرق) مكونات اللون.
قيم لون HEX
في HTML ، يمكن تحديد لون باستخدام قيمة سداسية عشرية بالشكل:
#rrggbb
حيث تكون rr (أحمر) و gg (أخضر) و bb (أزرق) قيمًا سداسية عشرية بين 00 و ff (مثل النظام العشري 0-255).
على سبيل المثال ، يتم عرض #ff0000 باللون الأحمر ، لأن اللون الأحمر مضبوط على أعلى قيمة له (ff) ، والاثنان الآخران (الأخضر والأزرق) مضبوطان على 00.
مثال آخر ، يتم عرض #00ff00 باللون الأخضر ، لأنه تم تعيين اللون الأخضر على أعلى قيمة له (ff) ، ويتم تعيين الاثنين الآخرين (الأحمر والأزرق) على 00.
لعرض اللون الأسود ، اضبط جميع معلمات اللون على 00 ، مثل هذا: #000000.
لعرض اللون الأبيض ، اضبط جميع معلمات اللون على ff ، مثل هذا: #ffffff.
جرب عن طريق مزج قيم HEX أدناه:

RED

ff

GREEN

0

BLUE

0

مثال

#ff0000
#0000ff
#3cb371
#ee82ee
#ffa500
#6a5acd

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color:#ff0000;">#ff0000</h1>
<h1 style="background-color:#0000ff;">#0000ff</h1>
<h1 style="background-color:#3cb371;">#3cb371</h1>
<h1 style="background-color:#ee82ee;">#ee82ee</h1>
<h1 style="background-color:#ffa500;">#ffa500</h1>
<h1 style="background-color:#6a5acd;">#6a5acd</h1>

</body>
</html>

ظلال رمادية

غالبًا ما يتم تحديد ظلال الرمادي باستخدام قيم متساوية لجميع المعلمات الثلاثة:

مثال

#404040
#686868
#a0a0a0
#bebebe
#dcdcdc
#f8f8f8

مثال

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color:#404040;">#404040</h1>
<h1 style="background-color:#686868;">#686868</h1>
<h1 style="background-color:#a0a0a0;">#a0a0a0</h1>
<h1 style="background-color:#bebebe;">#bebebe</h1>
<h1 style="background-color:#dcdcdc;">#dcdcdc</h1>
<h1 style="background-color:#f8f8f8;">#f8f8f8</h1>

</body>
</html>

الدرس السابق الدرس التالي