Quan trọng
Đăng ngày: 15:51 07-06-2008
#Viết bài lảm nhảm thế là đủ rồi, giờ bạn lại viết bài có giá trị chút đặng còn có cái mà câu khách nhờ 
.
Color dùng trong CSS và trên các Web site đều được thiết lập qua các giá trị được quy định sẵn để các trình duyệt có thể hiểu và hiển thị chính xác. Trước đây bạn cũng đã có nói qua vấn đề này ở bài
Theme nền tối. Lí do bạn muốn nói rõ hơn cái này là vì mấy ngày trước, bạn thấy có anh bạn hướng dẫn code mà đề phần giá trị color là
mã_màu chung chung, bạn tưởng là anh này cũng có hiểu biết về nó, nhưng vặn hỏi một hồi thì lòi ra là anh này chỉ biết mỗi dạng mã màu Hex, và chắc là cũng tưởng chỉ có mỗi loại này thôi thì phải. Vâng, chỉ nói qua lại có vài câu mà bạn đã bị anh này "miễn tiếp chuyện" rồi, thật tội cho bạn quá
.
Nói về giá trị color dùng trên HTML, có thể tạm coi là có 3 dạng.
#Dạng thông dụng và được biết đến nhiều nhất là color thiết lập theo mã Hex, đến nỗi hễ nói đến mã màu là người ta nghĩ ngay đến mã Hex - giá trị color tính trên hệ cơ số 16: bắt đầu từ 0-9 cho đến A-F. Dạng mã này thông dụng nhất vì cú pháp đơn giản, chỉ cần bắt đầu bằng 1 kí tự # sau đấy thêm vào 6 chữ số mã hex là có thể có được màu sắc mong muốn:
#1234fa
Trong 6 số phần Hex, 2 số đầu quy định giá trị của màu đỏ, 2 số tiếp theo quy định giá trị của màu lục, và 2 số cuối là dành cho màu lam. Sự phối màu của 3 màu gốc này sẽ tạo nên các màu sắc khác nhau, cụ thể là nó sẽ tạo đc 2563 = 16777216 màu (nhiều thế thôi chứ mắt thường khó mà phân biệt được hết). Ở một số chuẩn DTD HTML cũ, việc thiết lập giá trị dành cho màu sắc bắt buộc phải có dấu # đầu tiên để thông báo cho parser của trình duyệt hiểu rằng đằng sau là giá trị quy định cho màu sắc. Sau này thì một số chuẩn DTD mới có phần thoáng tính hơn, nếu chỉ thiết lập 6 số phần mã Hex mà không có dấu # thì trình duyệt vẫn hiểu và hiển thị được màu đó. Nhưng tốt nhất để đảm bảo mọi trình duyệt có thể hiển thị đúng màu sắc như bạn mong đợi, nên viết đúng cú pháp #RRGGBB.
#Dạng mã màu thứ hai là mã màu RGB tính theo decimal. Về bản chất thì cũng như mã màu Hex là chia ba phần dành riêng cho từng màu, có giá trị từ 0 đến 255. Về cú pháp thì như sau:
rgb(xxx,xxx,xxx)
hoặc: rgb(xx%,xx%,xx%)
VD: rgb(234,115,201),
rgb(25%,90%,10%)
Tuy về mặt code thì việc khai báo này dài hơn dạng mã Hex, nhưng ý nghĩa của nó thì dễ hiểu hơn, dễ thiết lập hơn. Và hiện nay dạng cú pháp này được dùng khá phổ biến thay thế cho mã màu dạng Hex.
-- Nếu ai không rành về mã màu có thể tham khảo công cụ lấy màu được bạn [W.]Dephia giới thiêu. Hehe, PR cho bạn tí 
#Dạng giá trị màu cuối cùng là thiết lập theo tên gọi. Mã màu theo dạng Hex hay RGB dù gì vẫn là khó hiểu và khó xác định với đa số người sử dụng, vì thế có một số tên gọi chuẩn dành cho những màu sắc thông dụng sẽ được trình duyệt tự động chuyển đổi thành dạng mãu màu phía trên để hiển thị. Có điều những tên gọi này đều là tên tiếng Anh, ai không biết chắc cũng móm =)).
Về màu sắc cơ bản thì gồm có 16 màu là: aqua, black, blue, fuchsia, gray, green, lime, maroon,
navy, olive, purple, red, silver, teal, white, yellow. Đây được coi là những màu chuẩn, mọi trình duyệt và máy tính đều hiển thị được. Những màu này được định nghĩa từ thời các máy tính chỉ hỗ trợ có 256 colors, và còn một số màu khác được gọi là Cross_Browser color quy ước riêng cho thời kì 8bits màu này (216 màu):
| 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 |
Cú pháp của những màu thời kì 8bits là #xxx, với mỗi kí tự x được thay thế cho 1 số hex từ 0 đến F. Hiện nay thì hầu hết máy tính đều hiển thị được màu 24bits trở lên, nhưng thi thoảng người ta vẫn sử dụng màu ở chế độ 8bits để tiết kiệm đc đôi chút dung lượng cho web site 
.
Hehe, nói lan man hơi nhiều rồi, thôi bạn kết thúc bài viết ở đây với bảng các tên gọi của khoảng 150 màu được đặt tên sẵn mà các trình duyệt có thể hiển thị được. Ai thích màu nào thì đút túi mang về dùng nhá 
.
Author: m3Noa - 07 Jun, 2008 - Copyright © 2008.
*Please ask for permission before copying this.
Leonidas0411 22:43 30-05-2009
HOÀNG NHƯ LAN 09:06 26-06-2008
(¯`-:¦:- Sa -:¦:-´¯) -»°«- (¯-:¦:- Ley -:¦:-´¯) 16:23 17-06-2008
__Fire_Silver__ 20:07 10-06-2008
[W].Dephia 19:25 07-06-2008
Noa 19:21 07-06-2008
[W].Dephia 19:12 07-06-2008
[W].Dephia 19:10 07-06-2008
-----------
Tự PR lun =))
Vũ Nguyễn 19:10 07-06-2008