رنگ در html-آموزش html
رنگهاي HTML
رنگ ها براي دادن يك ظاهر و احساس خوب به وب سايت شما بسيار مهم مي باشند. شما مي توانيد رنگ ها را روي لايه ي صفحه با استفاده از برچسب < body>مشخص كنيد، يا مي توانيد رنگ ها را براي برچسب هاي مجزا با استفاده از ويژگي bgcolor مشخص كنيد.
برچسب< body>داراي ويژگي هاي زير مي باشد كه مي تواند براي تنظيم رنگ هاي مختلف استفاده شود.
- bgcolor رنگي را براي زمينه ي صفحه تنظيم مي كند.
- text رنگي را براي متن تنظيم مي كند.
- alink رنگي را براي لينك هاي فعال يا انتخاب شده تنظيم مي كند.
- link رنگي را براي متن لينك شده تنظيم مي كند.
رنگي را براي لينك هاي بازديد شده تنظيم مي كند- يعني براي متن لينك شده كه روي آن كليك كرده ايد.
روش هاي كدگذاري رنگ HTML
در زير سه روش متفاوت براي تنظيم رنگ در صفحه ي وب خود مشاهده مي كنيد:
- Color names - مي توانيد نام رنگ ها را به طور مستقيم تعيين كنيد، به عنوان مثال سبز، قرمز، آبي و غيره.
- Hex codes - يك كد شش رقمي كه نشان دهنده ي مقدار آبي، قرمز و سبز سازنده ي رنگ، مي باشد.
- Color decimal or percentage values- اين مقدار با استفاده از ويژگي rgb( ) تعيين مي شود.
اكنون اين روش هاي رنگ گذاري را يكي يكي بررسي خواهيم كرد.
رنگ هاي HTML – نام رنگ
مي توانيد براي تنظيم رنگ متن يا زمينه به طور مستقيم از نام رنگ استفاده كنيد. W3C ليستي از 16 رنگ پايه را دارد كه توسط يك اعتباز سنج HTML ارزيابي مي شود، اما نام بيشتر از 200 رنگ مختلف وجود داردكه توسط مرورگرهاي مهم پشتيباني مي شوند.
16 رنگ استاندارد W3C
در اينجا نام 16 رنگ استاندارد W3C را مشاهده مي كنيد، پيشنهاد مي شود كه از آنها استفاده كنيد.
Black |
Gray |
Silver |
White |
||||
Yellow |
Lime |
Aqua |
Fuchsia |
||||
Red |
Green |
Blue |
Purple |
||||
Maroon |
Olive |
Navy |
Teal |
مثال:
در اينجا مثال هايي را ميبينيد از تنظيم زمينه ي يك برچسب HTML به وسيله ي نام رنگ.
نمونه يك
Use different color names for for body and table and see the result.
This text will appear white on black background.
|
رنگ هاي HTML – كدهاي Hex
آموزش html css
هگزادسيمال يك نمايش 6 رقمي از يك رنگ مي باشد. دو رقم اول يعني RR نمايانگر رنگ قرمر (Red) مي باشند، دو رقم بعدي (GG) مقدار سبز (green) را نشان مي دهند و آخرين دو رقم (BB) نيز مقدار آبي (blue) را نشان مي دهند.
هر كد هگزادسيمال به وسيله ي يك علامت # دنبال مي شود. در ادامه رنگ هاي مورد استفاده در نشانه گذاري هگزادسيمال را مشاهده مي كنيد.
color |
Color HEX |
|
#000000 |
|
#FF0000 |
|
#00FF00 |
|
#0000FF |
|
#FFFF00 |
|
#00FFFF |
|
#FF00FF |
|
#C0C0C0 |
|
#FFFFFF |
در زير مثال هايي را مي بينيند از تنظيم زمينه ي يك برچسب HTML به وسيله ي كد رنگ در هگزادسيمال.
نمونه دو
Use different color hexa for for body and table and see the result.
This text will appear white on black background.
|
رنگ هاي HTML – مقادير RGB
مقدار اين رنگ با استفاده از ويژگي rgb( ) مشخص مي شود. اين ويژگي سه مقدار مي گيرد كه هر كدام براي سبز، قرمز و آبي مي باشد. مقدار مي تواند عددي بين 0 و 255 يا يك درصد باشد.
همه ي مرورگرها ويژگي ( )rgb را پشتيباني نمي كنند، بنابراين توصيه مي شود از آن استفاده نكنيد.
در زير ليستي از رنگ ها با مقادير RGB را مشاهده مي كنيد.
در اينجا مثال هايي را مشاهده مي كنيد از تنظيم زمينه ي يك برچسب HTML به وسيله ي برچسب rgb() با كد رنگ.
نمونه سه
Use different color code for for body and table and see the result.
This text will appear white on black background.
|
در زير ليستي از 216 رنگ را مشاهده مي كنيد كه تصور مي شود سالم ترين و مستقل ترين رنگ هاي كامپيوتر باشند. اين رنگ ها از كد هگزاي 000000 تا FFFFFF متفاوت مي باشند و توسط همه ي كامپيوترهاي داراي پالت رنگ 256 تايي پشتيباني مي شوند.
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 |
CC00CC |
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 |
جهت مشاهده رنگ ها برروي دوره آموزش طراحي سايت كليك نماييد