Màu sắc rất quan trọng để mang lại một cái nhìn và cảm nhận tốt cho trang web của bạn. Bạn có thể chỉ định màu sắc ở cấp độ trang bằng thẻ hoặc bạn có thể đặt màu cho các thẻ riêng lẻ bằng thuộc tính BGColor.bgcolor attribute.
Thẻ có các thuộc tính sau có thể được sử dụng để đặt các màu khác nhau -
BGColor - Đặt màu cho nền của trang. − sets a color for the background of the page.
Văn bản - Đặt một màu cho văn bản cơ thể. − sets a color for the body text.
Alink - đặt màu cho các liên kết hoạt động hoặc các liên kết được chọn. − sets a color for active links or selected links.
Liên kết - Đặt một màu cho văn bản được liên kết. − sets a color for linked text.
Vlink - Đặt màu cho các liên kết đã truy cập - nghĩa là, cho văn bản được liên kết mà bạn đã nhấp vào. − sets a color for visited links − that is, for linked text that you have already clicked on.
Phương pháp mã hóa màu HTML
Có ba phương pháp khác nhau để đặt màu trong trang web của bạn -
Tên màu - Bạn có thể chỉ định tên màu trực tiếp như màu xanh lá cây, xanh dương hoặc đỏ. − You can specify color names directly like green, blue or red.
Mã hex-một mã sáu chữ số đại diện cho lượng màu đỏ, xanh lá cây và màu xanh lam tạo nên màu. − A six-digit code representing the amount of red, green, and blue that makes up the color.
Giá trị thập phân hoặc tỷ lệ phần trăm - Giá trị này được chỉ định bằng thuộc tính RGB []. − This value is specified using the rgb[ ] property.
Bây giờ chúng ta sẽ thấy các sơ đồ tô màu này từng cái một.
Màu sắc HTML - Tên màu
Bạn có thể chỉ định trực tiếp một tên màu để đặt văn bản hoặc màu nền. W3C đã liệt kê 16 tên màu cơ bản sẽ xác thực với trình xác nhận HTML nhưng có hơn 200 tên màu khác nhau được hỗ trợ bởi các trình duyệt chính.
Lưu ý - kiểm tra danh sách đầy đủ của tên màu HTML. − Check a complete list of HTML Color Name.
W3C Tiêu chuẩn 16 màu
Dưới đây là danh sách các tên 16 màu tiêu chuẩn W3C và nên sử dụng chúng.
Màu đen | Xám | Màu bạc | Trắng | ||||
Màu vàng | Chanh xanh | Aqua | Fuchsia | ||||
Màu đỏ | màu xanh lá | Màu xanh da trời | Màu đỏ tía | ||||
Bỏ rơi | Ôliu | Hải quân | Teal |
Thí dụ
Dưới đây là các ví dụ để đặt nền của thẻ HTML theo tên màu -
HTML Colors by NameUse different color names for for body and table and see the result.
This text will appear white on black background. |
Màu sắc HTML - Mã hex
Một thập lục phân là một đại diện 6 chữ số của một màu. Hai chữ số đầu tiên [RR] đại diện cho giá trị màu đỏ, hai chữ số tiếp theo là giá trị màu xanh lá cây [GG] và cuối cùng là giá trị màu xanh [BB].
Một giá trị thập lục phân có thể được lấy từ bất kỳ phần mềm đồ họa nào như Adobe Photoshop, Paintshop Pro hoặc MS Paint.
Mỗi mã thập lục phân sẽ được đi trước bằng một bảng hoặc dấu hiệu băm #. Sau đây là danh sách một vài màu sử dụng ký hiệu thập lục phân.
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
Thí dụ
Dưới đây là các ví dụ để đặt nền của thẻ HTML theo tên màu -
HTML Colors by HexUse different color hexa for for body and table and see the result.
This text will appear white on black background. |
Màu sắc HTML - Mã hex
Một thập lục phân là một đại diện 6 chữ số của một màu. Hai chữ số đầu tiên [RR] đại diện cho giá trị màu đỏ, hai chữ số tiếp theo là giá trị màu xanh lá cây [GG] và cuối cùng là giá trị màu xanh [BB].rgb[ ] property. This property takes three values, one each for red, green, and blue. The value can be an integer between 0 and 255 or a percentage.
Một giá trị thập lục phân có thể được lấy từ bất kỳ phần mềm đồ họa nào như Adobe Photoshop, Paintshop Pro hoặc MS Paint. − All the browsers does not support rgb[] property of color so it is recommended not to use it.
Mỗi mã thập lục phân sẽ được đi trước bằng một bảng hoặc dấu hiệu băm #. Sau đây là danh sách một vài màu sử dụng ký hiệu thập lục phân.
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
& nbsp; | #000000 |
Thí dụ
Dưới đây là các ví dụ để đặt nền của thẻ HTML theo tên màu -
HTML Colors by RGB codeUse different color code for for body and table and see the result.
This text will appear white on black background. |
Màu sắc HTML - Mã hex
Một thập lục phân là một đại diện 6 chữ số của một màu. Hai chữ số đầu tiên [RR] đại diện cho giá trị màu đỏ, hai chữ số tiếp theo là giá trị màu xanh lá cây [GG] và cuối cùng là giá trị màu xanh [BB].
000000 | 000033 | 000066 | 000099 | Một giá trị thập lục phân có thể được lấy từ bất kỳ phần mềm đồ họa nào như Adobe Photoshop, Paintshop Pro hoặc MS Paint. | Mỗi mã thập lục phân sẽ được đi trước bằng một bảng hoặc dấu hiệu băm #. Sau đây là danh sách một vài màu sử dụng ký hiệu thập lục phân. |
003300 | 003333 | 003366 | 003399 | Màu sắc | Màu hex |
006600 | 006633 | 006666 | 006699 | & nbsp; | #000000 |
009900 | 009933 | 009966 | 009999 | #FF0000 | #00FF00 |
#0000ff | #FFFF00 | #00ffff | #Ff00ff | #C0C0C0 | #FFFFFF |
Dưới đây là các ví dụ để đặt nền của thẻ HTML bằng mã màu trong thập lục phân - | Màu sắc HTML - Giá trị RGB | Giá trị màu này được chỉ định bằng thuộc tính RGB []. Thuộc tính này có ba giá trị, một giá trị cho màu đỏ, xanh lá cây và xanh dương. Giá trị có thể là một số nguyên từ 0 đến 255 hoặc tỷ lệ phần trăm. | Lưu ý - tất cả các trình duyệt không hỗ trợ thuộc tính RGB [] của màu nên nên không sử dụng nó. | Sau đây là danh sách để hiển thị một vài màu bằng các giá trị RGB. | Màu rgb |
330000 | 330033 | 330066 | 330099 | RGB [0,0,0] | RGB [255,0,0] |
333300 | 333333 | 333366 | 333399 | RGB [0,255,0] | RGB [0,0,255] |
336600 | 336633 | 336666 | 336699 | RGB [255.255,0] | RGB [0,255.255] |
339900 | 339933 | 339966 | 339999 | RGB [255,0,255] | RGB [192.192.192] |
RGB [255.255.255] | Dưới đây là các ví dụ để đặt nền của thẻ HTML bằng mã màu bằng cách sử dụng các giá trị RGB [] - | Trình duyệt màu sắc an toàn | Dưới đây là danh sách 216 màu được cho là màu sắc an toàn và độc lập máy tính. Những màu này rất từ mã Hexa 000000 đến FFFFFF và chúng sẽ được hỗ trợ bởi tất cả các máy tính có bảng màu 256. | 0000cc | 0000ff |
0033cc | 0033ff | 0066cc | 0066ff | 0099cc | 0099ff |
660000 | 660033 | 660066 | 660099 | 00cc00 | 00CC33 |
663300 | 663333 | 663366 | 663399 | 00CC66 | 00CC99 |
666600 | 666633 | 666666 | 666699 | 00cccc | 00ccff |
669900 | 669933 | 669966 | 669999 | 00FF00 | 00FF33 |
00FF66 | 00FF99 | 00FFCC | 00ffff | 3300cc | 3300ff |
3333cc | 3333ff | 3366cc | 3366ff | 3399cc | 3399ff |
990000 | 990033 | 990066 | 990099 | 33cc00 | 33CC33 |
993300 | 993333 | 993366 | 993399 | 33cc66 | 33cc99 |
996600 | 996633 | 996666 | 996699 | 33cccc | 33ccff |
999900 | 999933 | 999966 | 999999 | 33ff00 | 33ff33 |
33ff66 | 33ff99 | 33ffcc | 33ffff | 6600cc | 6600ff |
6633cc | 6633ff | 6666cc | 6666ff | 6699cc | 6699ff |
66cc00 | 66CC33 | 66cc66 | 66cc99 | 66cccc | 66ccff |
66ff00 | 66ff33 | 66ff66 | 66ff99 | 66ffcc | 66ffff |
9900cc | 9900ff | 9933cc | 9933ff | 9966cc | 9966ff |
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 | FF6699 | FF66CC | Ff66ff |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | Ff99ff |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | Ffccff |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | Ffffff |