Bảng mã màu. Mã màu trong Minecraft
Trong HTML, màu sắc có thể được chỉ định theo ba cách:
Đặt màu trong HTML theo tên của nó
Một số màu có thể được chỉ định theo tên của chúng, sử dụng tên màu bằng tiếng Anh làm giá trị. Các từ khóa phổ biến nhất: đen, trắng, đỏ, xanh lá cây, xanh dương, v.v.:
Màu văn bản – đỏ
Các màu phổ biến nhất của tiêu chuẩn World Wide Web Consortium (W3C):
| Màu sắc | Tên | Màu sắc | Tên | Màu sắc | Tên | Màu sắc | Tên |
|---|---|---|---|---|---|---|---|
| Đen | Xám | Bạc | Trắng | ||||
| Màu vàng | Chanh xanh | Thủy | hoa vân anh | ||||
| Màu đỏ | Màu xanh lá | Màu xanh da trời | Màu tím | ||||
| Bỏ rơi | Ôliu | Hải quân | màu xanh mòng két |
Ví dụ về việc sử dụng tên màu khác nhau:
Ví dụ: chỉ định màu theo tên của nó
- Hãy tự mình thử xem"
Tiêu đề trên nền đỏ
Tiêu đề trên nền màu cam
Tiêu đề trên nền vôi
Chữ trắng trên nền xanh
Tiêu đề trên nền đỏ
Tiêu đề trên nền màu cam
Tiêu đề trên nền vôi
Chữ trắng trên nền xanh
Chỉ định màu bằng RGB
Khi hiển thị các màu khác nhau trên màn hình, bảng màu RGB được sử dụng làm cơ sở. Bất kỳ màu nào có được bằng cách trộn ba màu cơ bản: R - đỏ, G - xanh, B - màu xanh. Độ sáng của mỗi màu được cung cấp bởi một byte và do đó có thể lấy các giá trị từ 0 đến 255. Ví dụ: RGB(255,0,0) được hiển thị dưới dạng màu đỏ vì màu đỏ được đặt ở giá trị cao nhất (255) và phần còn lại được đặt thành 0 Bạn cũng có thể đặt màu theo phần trăm. Mỗi thông số cho biết mức độ sáng của màu tương ứng. Ví dụ: các giá trị rgb(127, 255, 127) và rgb(50%, 100%, 50%) sẽ đặt cùng màu xanh lục trung bình:
Ví dụ: Chỉ định màu bằng RGB
- Hãy tự mình thử xem"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Đặt màu theo giá trị thập lục phân
Giá trị R G B cũng có thể được chỉ định bằng cách sử dụng các giá trị màu thập lục phân (HEX) ở dạng: #RRGGBB trong đó RR (đỏ), GG (xanh lục) và BB (xanh lam) là các giá trị thập lục phân từ 00 đến FF (giống như số thập phân 0-255 ) . Hệ thập lục phân, không giống như hệ thập phân, dựa trên số 16, như tên gọi của nó. Hệ thập lục phân sử dụng các ký hiệu sau: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Ở đây các số từ 10 đến 15 được thay thế bằng các chữ cái Latinh. Các số lớn hơn 15 trong hệ thập lục phân được biểu diễn bằng cách kết hợp hai ký tự thành một giá trị. Ví dụ: số cao nhất 255 ở dạng thập phân tương ứng với giá trị FF cao nhất ở dạng thập lục phân. Không giống như hệ thập phân, số thập lục phân được bắt đầu bằng ký hiệu băm. # , ví dụ: #FF0000 được hiển thị là màu đỏ vì màu đỏ được đặt ở giá trị cao nhất (FF) và các màu còn lại được đặt ở giá trị tối thiểu (00). Dấu hiệu sau ký hiệu băm # Bạn có thể gõ cả chữ hoa và chữ thường. Hệ thập lục phân cho phép bạn sử dụng dạng viết tắt #rgb, trong đó mỗi ký tự tương đương với double. Vì vậy, mục #f7O nên được coi là #ff7700.
Ví dụ: Màu HEX
- Hãy tự mình thử xem"
màu đỏ: #FF0000
màu xanh lá cây: #00FF00
màu xanh: #0000FF
màu đỏ: #FF0000
màu xanh lá cây: #00FF00
màu xanh: #0000FF
đỏ+xanh=vàng: #FFFF00
đỏ+xanh=tím: #FF00FF
xanh lá cây+xanh dương=lục lam: #00FFFF
Danh sách các màu thường được sử dụng (tên, HEX và RGB):
| tên tiêng Anh | Tên tiếng Nga | Vật mẫu | HEX | RGB | ||
|---|---|---|---|---|---|---|
| dền | dền | #E52B50 | 229 | 43 | 80 | |
| Hổ phách | Hổ phách | #FFBF00 | 255 | 191 | 0 | |
| Thủy | Xanh lam | #00FFFF | 0 | 255 | 255 | |
| Azure | Azure | #007FFF | 0 | 127 | 255 | |
| Đen | Đen | #000000 | 0 | 0 | 0 | |
| Màu xanh da trời | Màu xanh da trời | #0000FF | 0 | 0 | 255 | |
| Bondi xanh | Nước biển Bondi | #0095B6 | 0 | 149 | 182 | |
| Thau | Thau | #B5A642 | 181 | 166 | 66 | |
| Màu nâu | Màu nâu | #964B00 | 150 | 75 | 0 | |
| màu xanh thiên thanh | Azure | #007BA7 | 0 | 123 | 167 | |
| Mùa xuân xanh đậm | Mùa xuân xanh đậm | #177245 | 23 | 114 | 69 | |
| ngọc lục bảo | ngọc lục bảo | #50C878 | 80 | 200 | 120 | |
| Cà tím | Cà tím | #990066 | 153 | 0 | 102 | |
| hoa vân anh | hoa vân anh | #FF00FF | 255 | 0 | 255 | |
| Vàng | Vàng | #FFD700 | 250 | 215 | 0 | |
| Xám | Xám | #808080 | 128 | 128 | 128 | |
| Màu xanh lá | Màu xanh lá | #00FF00 | 0 | 255 | 0 | |
| xanh đậm | xanh đậm | #4B0082 | 75 | 0 | 130 | |
| Ngọc | Ngọc | #00A86B | 0 | 168 | 107 | |
| Chanh xanh | Chanh xanh | #CCFF00 | 204 | 255 | 0 | |
| Malachite | Malachite | #0BDA51 | 11 | 218 | 81 | |
| Hải quân | Xanh đậm | #000080 | 0 | 0 | 128 | |
| đất son | đất son | #CC7722 | 204 | 119 | 34 | |
| Ôliu | Ôliu | #808000 | 128 | 128 | 0 | |
| Quả cam | Quả cam | #FFA500 | 255 | 165 | 0 | |
| Quả đào | Quả đào | #FFE5B4 | 255 | 229 | 180 | |
| Quả bí ngô | Quả bí ngô | #FF7518 | 255 | 117 | 24 | |
| Màu tím | màu tím | #800080 | 128 | 0 | 128 | |
| Màu đỏ | Màu đỏ | #FF0000 | 255 | 0 | 0 | |
| Nghệ tây | Nghệ tây | #F4C430 | 244 | 196 | 48 | |
| Biển xanh | Biển xanh | #2E8B57 | 46 | 139 | 87 | |
| Đầm lầy xanh | Bolotny | #ACB78E | 172 | 183 | 142 | |
| màu xanh mòng két | Xanh lam | #008080 | 0 | 128 | 128 | |
| Siêu biển | Siêu biển | #120A8F | 18 | 10 | 143 | |
| màu tím | màu tím | #8B00FF | 139 | 0 | 255 | |
| Màu vàng | Màu vàng | #FFFF00 | 255 | 255 | 0 | |
Mã màu (nền) theo độ bão hòa và màu sắc.
Mã Minecraft màu sắc hoặc Minecraft mãđịnh dạng, cho phép bất kỳ người chơi nào thêm hoa và định dạng văn bản theo mọi cách có thể trực tiếp trong Minecraft. Mã màu từ &0-9 - đến &a-f. Thêm chúng trước văn bản của bạn. Tin nhắn từ người chơi có thể chứa mã màu cho phép bạn thêm màu vào câu của mình.
Màu sắc và mã định dạng
Dấu và (&) theo sau là số thập lục phân trong tin nhắn báo hiệu máy khách chuyển màu khi hiển thị văn bản. Ngoài ra, văn bản có thể được định dạng bằng & theo sau là một chữ cái. Bạn có thể thêm các màu khác nhau vào sách, khối lệnh, tên máy chủ, mô tả máy chủ (motd), tên thế giới, bảng hiệu và thậm chí cả tên người chơi.
Rất dễ dàng để định dạng văn bản của bạn trong cấu hình hoặc trong trò chơi bằng biểu đồ màu bên dưới. &r được sử dụng để đặt lại tất cả các mã, tức là &mAAA&rBBB sẽ được hiển thị dưới dạng AAA BBB.
Chúng tôi trình bày bảng mã màu hiện có trong Minecraft để bạn thuận tiện:
| Mã số | Tên | Tên kỹ thuật | Màu biểu tượng | Màu bóng biểu tượng | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R | G | B | lục giác | R | G | B | lục giác | |||
| &0 | Đen | đen | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | Xanh đậm | xanh đậm | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | Màu xanh lá cây đậm | Màu xanh lá cây đậm | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | Màu xanh đậm | dark_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
| &4 | Đỏ sẫm | đỏ sẫm | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | Màu tím đậm | màu tím đậm | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | Vàng | vàng | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | Xám | xám | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
| &8 | Màu xám đen | màu xám đen | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Màu xanh da trời | màu xanh da trời | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| &Một | Màu xanh lá | màu xanh lá | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &b | Xanh lam | nước | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| &c | Màu đỏ | màu đỏ | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &d | Màu tím nhạt | ánh_tím | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &e | Màu vàng | màu vàng | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &f | Trắng | trắng | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Đôi khi nó là cần thiết gạch chân, gạch bỏ, điểm nổi bật bất kỳ văn bản nào. Điều này được thực hiện bằng cách sử dụng định dạng văn bản. Nó được sử dụng giống hệt như màu sắc (chúng ta đặt trước văn bản mã số, ví dụ &lMinecraft = Minecraft.
Để thuận tiện cho bạn, bên dưới là bảng mã định dạng:
| Mã số | Tên |
|---|---|
| &k | văn bản ma thuật |
| &l | Hình nhỏ |
| &m | văn bản gạch ngang |
| &N | văn bản được gạch chân |
| &o | Văn bản in nghiêng |
| & r | Văn bản không có định dạng |
>>Quản lý màu sắc
Giá trị màu RGB thập lục phân
Các phương pháp mô tả và xử lý màu sắc khác nhau ở mục đích thể hiện cuối cùng của chúng. Ví dụ, chúng ta hãy so sánh cách thể hiện màu sắc trong in ấn và màn hình máy tính. Trong trường hợp đầu tiên, cơ sở được lấy trắng màu của giấy mà sau đó ba màu cơ bản được áp dụng: màu xanh da trời, màu tím Và màu vàng. Trộn lẫn với nhau và với màu trắng của giấy theo các tỷ lệ khác nhau, ba màu cơ bản này cho ra các sắc thái màu khác nhau, ngoại trừ màu đen tuyền, hoặc nếu hoàn toàn không có sơn thì chúng sẽ cho ra giấy trắng. Nếu chúng ta thêm màu đen cho chúng, chúng ta sẽ nhận được CMYK-một phương pháp truyền màu khi thu được màu cần thiết bằng cách trừ các màu còn thiếu khỏi màu trắng.
Trong trường hợp thứ hai, căn cứ được lấy đen màu của màn hình điều khiển, mỗi ô trong đó phát sáng theo một trong ba màu: màu đỏ-màu đỏ, màu xanh lá-màu xanh lá cây và màu xanh da trời-màu xanh da trời. Sau đó, trong trường hợp hoàn toàn không có bất kỳ ánh sáng nào, chúng ta sẽ có một màu màn hình đen thuần túy và bất kỳ màu nào được yêu cầu đều được tính theo tỷ lệ của từng màu trong số ba màu. Trong trường hợp này chúng ta sẽ nhận được RGB-Phương pháp truyền màu. Màu cơ bản có thể có các giá trị từ 0
trước 255
, hoặc từ 0%
trước 100%
hoặc có thể được biểu diễn dưới dạng giá trị thập lục phân. Trong hình bên dưới, bạn có thể thấy kết quả của việc trộn các màu cơ bản.
Hệ thống số thập lục phân, không giống như hệ thống số thập phân, không có mười chữ số trong chuỗi của nó mà có mười sáu - do đó có tên như vậy. Theo đó, chỉ có thể có các biến thể không lặp lại của sự kết hợp hai chữ số - 256 , để tiếp tục chuỗi số sau 9 những lá thư từ MỘT trước F, do đó, chuỗi sẽ trông như thế này -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Trong trường hợp này, màu được chỉ định bởi ba số thập lục phân, mỗi số bao gồm hai chữ số. Số đầu tiên xác định cường độ màu đỏ màu sắc, trung bình màu xanh lá, thứ cuối cùng- màu xanh da trời màu sắc. Tất cả các số có thể nhận các giá trị trong phạm vi từ 00 trước FF(từ 0 đến 255). Ví dụ: màu xanh lá cây được cho là #00FF00, màu đỏ giống như #FF0000, màu xanh - giống như #0000FF, màu trắng - giống như #FFFFFF, sự vắng mặt hoàn toàn của màu sắc hoặc màu đen được đưa ra là #000000 .
Trong biểu mẫu bên dưới, bạn có thể chỉ định bất kỳ giá trị thập lục phân nào cho từng màu trong số ba màu và xem kết quả trộn chúng bằng cách nhấp vào trường đầu ra.
Ví dụ về một số giá trị màu RGB thập lục phân: chuyển màu đỏ, xanh lam và xanh lục.
| xem | mã số | xem | mã số | xem | mã số | xem | mã số | xem | mã số | xem | mã số |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Chỉ định màu bằng cách sử dụng chuỗi ký tự
Để dễ sử dụng, một số màu và sự kết hợp của chúng đã được gán tên được tất cả các trình duyệt nhận dạng và có thể chỉ định nhiều màu trong số chúng theo tên. Bảng dưới đây hiển thị một số tên màu:
| xem | Tên | xem | Tên | xem | Tên | xem | Tên |
| Trắng | Màu đỏ | Quả cam | Màu vàng | ||||
| Màu xanh lá | Màu xanh da trời | Màu tím | Đen | ||||
| Aliceblue | đồ cổ màu trắng | Thủy | Aquamarine | ||||
| Azure | Be | bánh quy | Blanchedalmond | ||||
| màu xanh tím | Màu nâu | Gỗ lớn | Xanh chói | ||||
| Biểu đồ | Sô cô la | San hô | Màu xanh hoa ngô đồng | ||||
| Râu ngô | màu đỏ thẫm | lục lam | Xanh đậm | ||||
| màu lục lam đậm | Darkgoldenrod | Màu xám đen | Màu xanh lá cây đậm | ||||
| Vải kaki màu thẫm | màu đỏ tươi | màu xanh ô liu đậm | Màu cam đậm | ||||
| Darkorchid | Đỏ sẫm | cá hồi đen | màu xanh nước biển đậm | ||||
| Darkslateblue | Darkslategray | màu ngọc lam tối | Màu tím đậm | ||||
| Màu hồng đậm | Bầu trời xanh thẳm | Dimray | Dodgerblue | ||||
| Gạch lửa | hoa trắng | Rừng xanh | hoa fuschia | ||||
| Gainsboro | ma trắng | Vàng | Goldenrod | ||||
| Xám | màu vàng xanh | mật ngọt | hotpink | ||||
| màu đỏ Ấn Độ | xanh đậm | Ngà voi | kaki | ||||
| Hoa oải hương | má hồng oải hương | chanh chiffon | Màu xanh nhạt | ||||
| ánh sáng san hô | Ánh sáng lục lam | ánh sánglạnhrodmàu vàng | Màu xanh lợt | ||||
| Xám nhạt | Màu hồng nhạt | cá hồi ánh sáng | Ánh sáng xanh biển | ||||
| Ánh sáng xanh | ánh sángmàu xám | Ánh sáng thép xanh | Màu vàng nhạt | ||||
| Chanh xanh | chanh xanh | Lanh | Màu đỏ tươi | ||||
| Bỏ rơi | Aquamarine trung bình | Xanh nhẹ | hoa lan trung bình | ||||
| Màu tím vừa | Màu xanh biển trung bình | Mediumslateblue | màu xanh trung bình | ||||
| màu ngọc lam trung bình | Màu tím trung bình | Màu xanh nửa đêm | kem bạc hà | ||||
| hoa tầm gửi | người da trắng Navajo | Hải quân | dây buộc cổ | ||||
| Ôliu | Oliverab | Màu đỏ cam | phong lan | ||||
| Palegoldenrod | Xanh nhạt | màu ngọc lam | màu tím nhạt | ||||
| đu đủ | Đào | Peru | Hồng | ||||
| Mận | màu xanh bột | Màu nâu hồng | Xanh đậm | ||||
| Yên xe màu nâu | Màu xanh biển | Vỏ sò | Sienna | ||||
| Bạc | Trời xanh | Màu xanh đá phiến | Phiến đá xám | ||||
| Tuyết | Xuân xanh | Màu xanh thép | Tân | ||||
| màu xanh mòng két | Cây kế | Cà chua | màu ngọc lam | ||||
| màu tím | Lúa mì | Khói trắng | màu vàng xanh |
Sử dụng bảng màu an toàn
Thật không may, trên các nền tảng khác nhau, với các cài đặt hệ thống khác nhau, việc tái tạo màu sắc chính xác là một vấn đề. Vấn đề là trình duyệt luôn cố gắng điều chỉnh bảng màu của tài liệu phù hợp với cài đặt hệ thống và khả năng giám sát, bằng cách trộn màu độc lập và thay thế chúng. Kết quả là đôi khi người dùng không nhìn thấy chính xác những gì quản trị trang web muốn hiển thị cho mình. Một cách thoát khỏi tình huống này đã được tìm thấy bằng cách sử dụng bảng màu, mỗi màu trong bảng màu được đảm bảo hiển thị như nhau bởi tất cả các trình duyệt trên các nền tảng khác nhau. Đây là cái gọi là đảm bảo bảng màu, còn được gọi là an toàn bảng màu. Bảng màu này bao gồm các màu có thành phần màu có các giá trị sau: 00 ,33 ,66 ,99 , CC,FF, bằng mọi cách có thể 216 sự kết hợp của họ.
| xem | mã số | xem | mã số | xem | mã số | xem | mã số | xem | mã số | xem | mã số |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
Vlad Merzhevich
Trong HTML, màu sắc được chỉ định theo một trong hai cách: sử dụng mã thập lục phân và theo tên của một số màu nhất định. Phương pháp dựa trên hệ thống số thập lục phân được sử dụng chủ yếu vì nó là phương pháp phổ biến nhất.
Màu thập lục phân
HTML sử dụng số thập lục phân để chỉ định màu sắc. Hệ thập lục phân, không giống như hệ thập phân, dựa trên số 16, như tên gọi của nó. Các số sẽ như sau: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Các số từ 10 đến 15 được thay thế bằng chữ cái Latinh. Trong bảng 6.1 cho thấy sự tương ứng giữa số thập phân và số thập lục phân.
Các số lớn hơn 15 trong hệ thập lục phân được hình thành bằng cách kết hợp hai số thành một (Bảng 6.2). Ví dụ: số 255 ở dạng thập phân tương ứng với số FF ở dạng thập lục phân.
Để tránh nhầm lẫn khi xác định hệ thống số, số thập lục phân được đặt trước ký hiệu băm #, ví dụ #aa69cc. Trong trường hợp này, trường hợp nào không quan trọng nên cho phép viết #F0F0F0 hoặc #f0f0f0.
Một màu điển hình được sử dụng trong HTML trông như thế này.
Ở đây màu nền của trang web được đặt thành #FA8E47. Ký hiệu băm # ở phía trước một số có nghĩa là số thập lục phân. Hai chữ số đầu tiên (FA) xác định thành phần màu đỏ của màu, chữ số thứ ba đến thứ tư (8E) xác định thành phần màu xanh lá cây và hai chữ số cuối (47) xác định thành phần màu xanh lam. Kết quả cuối cùng sẽ là màu này.
| F.A. | + | 8E | + | 47 | = | FA8E47 |
Mỗi màu trong số ba màu - đỏ, lục và lam - có thể nhận các giá trị từ 00 đến FF, tạo ra tổng cộng 256 sắc thái. Như vậy, tổng số màu có thể là 256x256x256 = 16.777.216 tổ hợp. Một mô hình màu dựa trên các thành phần màu đỏ, lục và lam được gọi là RGB (đỏ, lục, lam; đỏ, lục, lam). Mô hình này là mô hình phụ gia (từ add - add), trong đó việc cộng cả ba thành phần tạo thành màu trắng.
Để điều hướng màu thập lục phân dễ dàng hơn, hãy tính đến một số quy tắc.
- Nếu giá trị của các thành phần màu giống nhau (ví dụ: #D6D6D6), thì kết quả sẽ là tông màu xám. Con số càng cao thì màu càng nhạt, với các giá trị nằm trong khoảng từ #000000 (đen) đến #FFFFFF (trắng).
- Màu đỏ tươi được hình thành nếu thành phần màu đỏ được đặt ở mức tối đa (FF) và các thành phần còn lại được đặt về 0. Màu có giá trị #FF0000 là sắc thái đỏ nhất có thể. Điều tương tự cũng đúng với màu xanh lá cây (#00FF00) và xanh lam (#0000FF).
- Màu vàng (#FFFF00) được tạo ra bằng cách trộn màu đỏ và xanh lá cây. Điều này có thể thấy rõ trên bánh xe màu (Hình 6.1), trong đó trình bày các màu cơ bản (đỏ, lục, lam) và các màu bổ sung hoặc bổ sung. Chúng bao gồm màu vàng, lục lam và tím (còn gọi là màu đỏ tươi). Nói chung, bất kỳ màu nào cũng có thể thu được bằng cách trộn các màu gần với nó. Do đó, màu lục lam (#00FFFF) thu được bằng cách kết hợp màu xanh lam và xanh lục.
Cơm. 6.1. vòng tròn màu
Màu sắc dựa trên giá trị thập lục phân không cần phải được lựa chọn theo kinh nghiệm. Với mục đích này, một trình soạn thảo đồ họa có thể hoạt động với các mô hình màu khác nhau, chẳng hạn như Adobe Photoshop, là phù hợp. Trong bộ lễ phục. Hình 6.2 hiển thị cửa sổ chọn màu trong chương trình này; giá trị thập lục phân thu được của màu hiện tại được viền bằng một đường. Bạn có thể sao chép và dán nó vào mã của mình.
Cơm. 6.2. Cửa sổ chọn màu trong Photoshop
Màu web
Nếu bạn đặt chất lượng hiển thị màu của màn hình thành 8 bit (256 màu), thì cùng một màu có thể được hiển thị khác nhau trong các trình duyệt khác nhau. Điều này là do cách hiển thị đồ họa, khi trình duyệt hoạt động với bảng màu riêng và không thể hiển thị màu không có trong bảng màu của nó. Trong trường hợp này, màu sắc được thay thế bằng sự kết hợp của các pixel khác, gần với nó, các màu bắt chước màu đã cho. Để đảm bảo màu sắc được giữ nguyên trên các trình duyệt khác nhau, một bảng màu được gọi là màu web đã được giới thiệu. Màu web là những màu mà mỗi thành phần - đỏ, lục và lam - được đặt thành một trong sáu giá trị - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Giá trị thập lục phân của thành phần này được chỉ định trong ngoặc. Tổng số màu từ tất cả các kết hợp có thể có là 6x6x6 - 216 màu. Màu web ví dụ là #33FF66.
Đặc điểm chính của màu web là nó xuất hiện giống nhau trên tất cả các trình duyệt. Hiện tại, mức độ liên quan của màu sắc trên web là rất nhỏ do chất lượng màn hình được cải thiện và khả năng mở rộng của chúng.
Màu sắc theo tên
Để tránh phải nhớ một bộ số, bạn có thể sử dụng tên các màu sắc thông dụng để thay thế. Trong bảng 6.3 hiển thị tên các tên màu phổ biến.
| Tên màu | Màu sắc | Sự miêu tả | Giá trị thập lục phân |
|---|---|---|---|
| đen | Đen | #000000 | |
| màu xanh da trời | Màu xanh da trời | #0000FF | |
| hoa vân anh | Màu tím nhạt | #FF00FF | |
| xám | Màu xám đen | #808080 | |
| màu xanh lá | Màu xanh lá | #008000 | |
| chanh xanh | Màu xanh lợt | #00FF00 | |
| Bỏ rơi | Đỏ sẫm | #800000 | |
| Hải quân | Xanh đậm | #000080 | |
| Ôliu | Ôliu | #808000 | |
| màu tím | Màu tím đậm | #800080 | |
| màu đỏ | Màu đỏ | #FF0000 | |
| bạc | Xám nhạt | #C0C0C0 | |
| màu xanh mòng két | Xanh lam | #008080 | |
| trắng | Trắng | #FFFFFF | |
| màu vàng | Màu vàng | #FFFF00 |
Việc bạn chỉ định màu theo tên hay sử dụng số thập lục phân không quan trọng. Những phương pháp này có tác dụng như nhau. Ví dụ 6.1 cho thấy cách đặt màu nền và màu văn bản của trang web.
Ví dụ 6.1. Màu nền và văn bản
Văn bản mẫu
Trong ví dụ này, màu nền được đặt bằng thuộc tính bgcolor của thẻ
và màu văn bản thông qua thuộc tính văn bản. Để đa dạng, thuộc tính văn bản được đặt thành số thập lục phân và thuộc tính bgcolor được đặt thành từ khóa dành riêng teal .Như bạn đã biết, màu sắc có thể ảnh hưởng đến trạng thái của một người: cả về tinh thần và thể chất. Hàng ngày, khi duyệt các trang web trên Internet, đôi mắt sẽ đánh giá hàng triệu màu sắc và sắc thái. Một nhà thiết kế web quen thuộc với tâm lý màu sắc có thể điều khiển tâm trạng của khách truy cập để đạt được những mục tiêu nhất định.
Điều này là do thực tế là một số sắc thái mang lại cảm giác bình tĩnh và ngược lại, một số lại gây phấn khích. Tiếp theo chúng ta sẽ nói về cách tổng hợp và hiển thị màu sắc bằng công nghệ máy tính.
RGB là mô hình màu đại diện cho phương pháp thu được tất cả các màu và sắc thái của chúng bằng cách trộn ba thành phần chính theo nhiều tỷ lệ khác nhau, đó là:
- Màu đỏ ( Màu đỏ);
- màu xanh lá cây ( Màu xanh lá);
- Màu xanh ( Màu xanh da trời).
Đây là nơi mà tên viết tắt RGB xuất phát. Những màu này được chọn làm màu chính vì một lý do: lý do là sinh lý học của võng mạc mắt người và cách nó cảm nhận chúng:
Mô hình RGB vẫn phổ biến nhất hiện nay và được sử dụng để tái tạo màu sắc trên màn hình TV và màn hình máy tính. Do các nhà sản xuất cung cấp cho sản phẩm của họ những đặc điểm khác nhau nên vào năm 1996, một hệ thống tổng hợp màu dựa trên RGB thống nhất có tên là sRGB đã được tạo ra, trên đó Microsoft và HP đã hợp tác cùng nhau.
Biểu diễn màu bằng số
Như đã đề cập trước đó, màu RGB được hình thành bằng cách trộn các màu cơ bản. Để mô tả cường độ của từng trong số chúng, một sơ đồ đã được áp dụng trong đó màu được biểu thị bằng phạm vi 0-255 (8 bit), theo ký hiệu thập lục phân tương ứng với 00-FF.
Nghĩa là, các màu cơ bản sẽ trông như thế này:
- Đỏ – RGB (255,0,0);
- Xanh lục – RGB (0,255,0);
- Xanh lam – RGB (0,0,255);
Nếu cường độ màu lấy giá trị nhỏ hơn 255 thì sẽ thu được các sắc thái khác nhau của màu đỏ, xanh lá cây và xanh lam. Sau đây là bảng phân cấp của chúng, cũng như các giá trị thập lục phân của từng sắc thái:
Bảng màu RGB
Đương nhiên, ngoài sự chuyển màu của các màu cơ bản, còn có những màu hỗn hợp và số lượng của chúng khá lớn. Do đó, một bảng màu RGB đã được tạo, trình bày tất cả các sắc thái hiện có, cũng như tên và cách biểu thị bằng số của chúng ( ở dạng thập phân và thập lục phân).
Bạn có thể xem nó ở đây. Bảng này giúp cuộc sống của các nhà thiết kế web trở nên dễ dàng hơn nhiều vì trong vài giây, bạn có thể tìm thấy màu sắc cần thiết và tìm ra cách biểu thị bằng số của nó.
Bảng màu RGB an toàn
Tuy nhiên, tại một số thời điểm, có một vấn đề xảy ra với việc hiển thị màu sắc trong các trình duyệt khác nhau và để giải quyết nó, cái gọi là bảng màu RGB “an toàn” đã được tập hợp lại với nhau, được rút ra bằng các phép tính toán học.
Khi trình duyệt không thể hiển thị màu chính xác, nó sẽ cố gắng đạt được thứ gì đó gần với màu nó cần bằng cách trộn các màu liền kề và rất có thể kết quả sẽ hoàn toàn không được chấp nhận:
Bằng cách sử dụng mã màu RGB từ bảng màu này, nhà phát triển web có thể yên tâm về việc hiển thị màu trên các trang trên trang web của họ khi xem bằng các trình duyệt, nền tảng và màn hình khác nhau. Mặc dù hiện tại bảng màu an toàn đang mất đi sự liên quan ( tiến bộ công nghệ vẫn không đứng yên), khi sử dụng nó, như người ta nói, bạn có thể ngủ yên.
Màu vàng trong mô hình RGB
Từ “vàng” lần đầu tiên được sử dụng vào đầu thế kỷ 14 để mô tả màu sắc của một nguyên tố hóa học có tên Aurum - vàng. Trong mô hình RGB, màu vàng được biểu thị bằng các giá trị số sau:
- RGB (255, 215, 0) – hệ thập phân;
- HEX #FFD700 – hệ thập lục phân.
Màu be trong mô hình RGB
Màu be chiếm một vị trí khá quan trọng trong lịch sử, ngay cả khi nó không phải là màu biểu cảm nhất. Nhiều di tích văn hóa, đặc biệt là các tác phẩm điêu khắc cổ, được làm bằng đá xà phòng và đá xà phòng có tông màu be. Trong mô hình RGB, màu be có các biểu diễn số sau:
- RGB (245, 245, 220) – hệ thập phân;
- HEX #F5F5DC – hệ thập lục phân.
Ngày nay, đặc biệt là trên World Wide Web, hiếm khi thấy màu sắc “nhàm chán” như vậy. Các nhà phát triển ưu tiên thiết kế bắt mắt, sử dụng màu sắc tươi sáng. Tiến bộ công nghệ giúp hiển thị số lượng lớn màu sắc trên màn hình, giúp hình ảnh trở nên chân thực hơn.
Tốt xấu
