نقدم لكم في هذه التدوينة جدول أكواد الألوان و أرقام الالوان في HTML ضمن سلسلة تعلم أساسيات لغة HTML للمبتدئين. حيث سنتعرف على جميع اكواد الالوان الرئيسية التي تساعد المصممين وأي أحد مهتم بالالوان . بالإضافة إلى درجات الألوان RGB ، حيث تعمل هذه الأكواد على مساعدة المصمم في الابداع والتحكم بألوان الموقع الخاص به.
 |
| جدول أكواد الألوان و أرقام الألوان في HTML - درجات الألوان RGB |
جدول اكواد الالوان الرئيسية في HTML
إن قيم الألوان الظاهرة في الأسفل هي عبارة عن خليط من كود اللون الأحمر و كود اللون الأخضر و كود اللون الأزرق.
وتستخدم رموز "hexadecimal" للألوان الأحمر والأخضر والأزرق للتركيب (RGB).
حيث تأخذ أدنى درجة لون القيمة صفر (hex #00) ، أما أعلى درجة لون فتأخذ القيمة 255 (hex ##FF). كما هو موضح في الجدول التالي.
أكواد ألوان RGB و درجات الألوان CSS
| Color | Color HEX | Color RGB |
| #000000 | rgb (0,0,0) | |
| #FF0000 | rgb (255,0,0) | |
| #00FF00 | rgb (0,255,0) | |
| #0000FF | rgb (0,0,255) | |
| #FFFF00 | rgb (255,255,0) | |
| #00FFFF | rgb (0,255,255) | |
| #FF00FF | grb (255,0,255) | |
| #C0C0C0 | rgb (192,192,192) | |
| #FFFFFF | rgb (255,255,255) |
أسماء الألوان بلغة html
إن أسماء الألوان الظاهرة في الأسفل هي مدعومة من المتصفحان "Netscape و Intemet Explorer".
ملاحظة:
"W3C CSS standard" يدعم فقط أسماء 16 لون. وهي:
yellow ، white ، teal ، silver ، red ، purple ، olive ، navy ، maroon ، lime ، green ، gray ، fuchsia ، blue ، black ، aqua".
أما الألوان الأخرى فيجب استخدامها بطريقة الرموز "Color HEX".
| Color | Color HEX | Color Name |
| #F0F8FF | AliceBlue | |
| #FAEBD7 | AntiqueWhite | |
| #7FFFD4 | Aquamarine | |
| #000000 | Black | |
| #0000FF | Blue | |
| #8A2BE2 | BlueViolet | |
| #A52A2A | Brown |
جدول أكواد الألوان القياسية
قديماً كانت أجهزة الكمبيوتر لا تدعم سوى 256 درجة لون . وبالنسبة لشبكة الويب فهي تحدد 216 درجة لون من الألوان القياسية التي تدعم من جميع أنظمة التشغيل، وكافة المتصفحات.
مع العلم أن هناك الكثير من أجهزة الكمبيوتر التي تدعم الآلاف من درجات الألوان وحتى الملايين . ولكنك لست متأكداً من أن زوار موقعك يستخدمون أجهزة أو أنظمة تشغيل تدعم كل هذه الألوان.
لذلك كن حذر عند استخدامك للألوان في موقعك . فربما أنك تستخدم لون غير مدعوم من قبل متصفح الزائر ، وبالتالي فلن يظهر له اللون بالشكل الصحيح . وبالنهاية الأمر يرجع لك أنت.
في الجدول التالي هناك 216 درجة لون قياسية مدعومة من جميع أجهزة الكمبيوتر والمتصفحات ، مما يؤدي لعرضها بصورة صحيحة . كما هي ظاهرة أمامك الآن في الجدول.
أرقام الألوان في HTML
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CCOOCC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
معلومات إضافية عن الألوان بلغة html
تستخدم أكواد الألوان وأرقام الألوان في تصميم المواقع لتجميل محتوى صفحات ومواقع الويب من خلال إضافة درجات الألوان css . سواء كان تغيير لون النص أو التحكم بألوان الموقع مثل تغيير لون الخلفية والعناوين والنصوص إلخ...
وهنا لا يسعنا إلا أن نعطي أمثلة رئيسية عن كيفية استخدام رموز الألوان في لغة HTML لصفحات ومواقع الويب.
- طريقة كتابة كود تغيير لون النص
<!DOCTYPE html>
<html>
<head>
<title> كود تغيير لون النص </title>
</head>
<body>
<p style="color: #008080;"> مدونة syria matrix</p>
</div>
</body>
</html>
- طريقة كتابة كود تغيير لون خلفية الموقع
<!DOCTYPE html>
<html>
<head>
<title>تغيير لون خلفية الموقع</title>
</head>
<body bgcolor="green">
</body>
</html>
كما يمكن التحكم بكافة ارقام الالوان الموجودة في صفحة الويب بشكل عام . عن طريق إضافة أكواد الألوان ضمن الوسم head في قسم ال CSS الخاص بتصميم أي موقع إلكتروني .
وهدية منا لزوارنا الكرام، نقدم لكم أكواد html جاهزة للمبتدئين أكثر من 100 كود جاهز .
رموز الالوان في لعبة صبايا
يمكن استخدام جدول رموز الألوان بالهتمل لإضافة لون جميل للفتاة في لعبة صبايا، ويكون ذلك عبر إدخال كود اللون ثم الكلمة أو العبارة.
على سبيل المثال:[color=ffb700] برتقالي وسط، وهكذا..
المصدر:
وصلنا إلى نهاية موضوع درجات واكواد الالوان بلغة html . ونتمنى أن نكون قد قدمنا أقصى استفادة لأعزاءنا الزوار والمتابعين.
تعليق